{{-- resources/views/admin/siswa/absensi.blade.php --}}

@php
    $taAktifTbl = \App\Models\TahunAjaran::where('status_akademik', 'aktif')->first();
    $semAktifTbl = \App\Models\Semester::where('is_active', true)->first();
    
    $filterAbsenTa = request('absensi_ta_id', request('jadwal_ta_id', $taAktifTbl->id ?? null));
    $filterAbsenSem = request('absensi_sem_id', request('jadwal_sem_id', $semAktifTbl->id ?? null));
    $filterBulan = request('bulan', date('m')); 

    $mapelSiswa = collect();
    if ($siswa->kelas_id && $filterAbsenTa && $filterAbsenSem) {
        $jadwalSiswa = \App\Models\JadwalMapel::with(['guruMapel.mapel', 'guruMapel.guru'])
            ->where('kelas_id', $siswa->kelas_id)
            ->where('tahun_ajaran_id', $filterAbsenTa)
            ->where('semester_id', $filterAbsenSem)
            ->whereNotNull('guru_mapel_id')
            ->get();

        $siswaGenderAlias = ($siswa->jenis_kelamin == 'L') ? 'Putra' : 'Putri';
        
        $mapelSiswa = $jadwalSiswa->filter(function($j) use ($siswaGenderAlias) {
            $tgt = $j->target_gender;
            if(empty($tgt) || $tgt == 'Campur') return true; 
            
            $tgtAlias = ($tgt == 'Laki-laki' || $tgt == 'Putra') ? 'Putra' : (($tgt == 'Perempuan' || $tgt == 'Putri') ? 'Putri' : $tgt);
            return $tgtAlias == $siswaGenderAlias;
        })->unique('guru_mapel_id');
    }

    $dataAbsensi = \App\Models\Absensi::with(['guruMapel.mapel', 'guruMapel.guru'])
        ->where('siswa_id', $siswa->id)
        ->where('tahun_ajaran_id', $filterAbsenTa)
        ->where('semester_id', $filterAbsenSem)
        ->when($filterBulan, function($q) use ($filterBulan) {
            return $q->whereMonth('tanggal', $filterBulan);
        })
        ->orderBy('tanggal', 'desc') 
        ->get();

    $groupedAbsensi = $dataAbsensi->groupBy('guru_mapel_id');
@endphp

<div class="card shadow-sm border-0">
    <div class="card-header bg-white py-3 border-bottom">
        <h5 class="mb-0 fw-bold text-primary"><i class="bi bi-person-check me-2"></i>Rekap Absensi Siswa (Per Mata Pelajaran)</h5>
    </div>
    
    <div class="card-body">
        <div class="row mb-4 align-items-center">
            <div class="col-md-12 col-lg-8 mb-3 mb-lg-0">
                <form action="{{ url()->current() }}" method="GET" class="d-flex flex-wrap gap-2 align-items-center m-0">
                    <span class="text-muted fw-bold" style="font-size: 13px;"><i class="bi bi-funnel me-1"></i> Filter:</span>
                    
                    <select name="absensi_ta_id" class="form-select form-select-sm w-auto shadow-none" onchange="this.form.submit()">
                        <option value="">-- Tahun Ajaran --</option>
                        @foreach($tahunAjarans as $ta)
                            <option value="{{ $ta->id }}" {{ $filterAbsenTa == $ta->id ? 'selected' : '' }}>
                                {{ $ta->tahun_ajaran }} {{ $ta->status_akademik == 'aktif' ? '(Aktif)' : '' }}
                            </option>
                        @endforeach
                    </select>

                    @php $semesters = \App\Models\Semester::all(); @endphp
                    <select name="absensi_sem_id" class="form-select form-select-sm w-auto shadow-none" onchange="this.form.submit()">
                        @foreach($semesters as $sem)
                            <option value="{{ $sem->id }}" {{ $filterAbsenSem == $sem->id ? 'selected' : '' }}>
                                {{ $sem->nama }}
                            </option>
                        @endforeach
                    </select>

                    <select name="bulan" class="form-select form-select-sm w-auto shadow-none" onchange="this.form.submit()">
                        <option value="">-- Semua Bulan --</option>
                        @foreach(range(1, 12) as $m)
                            <option value="{{ $m }}" {{ $filterBulan == $m ? 'selected' : '' }}>
                                {{ \Carbon\Carbon::create()->month($m)->translatedFormat('F') }}
                            </option>
                        @endforeach
                    </select>
                </form>
            </div>
            
            <div class="col-md-12 col-lg-4 text-lg-end">
                <span class="badge bg-success bg-opacity-10 text-success border border-success me-1">Total H: {{ $dataAbsensi->where('status', 'Hadir')->count() }}</span>
                <span class="badge bg-warning bg-opacity-10 text-warning border border-warning me-1">Total S: {{ $dataAbsensi->where('status', 'Sakit')->count() }}</span>
                <span class="badge bg-info bg-opacity-10 text-info border border-info me-1">Total I: {{ $dataAbsensi->where('status', 'Izin')->count() }}</span>
                <span class="badge bg-danger bg-opacity-10 text-danger border border-danger">Total A: {{ $dataAbsensi->where('status', 'Alpa')->count() }}</span>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle" style="font-size: 14px;">
                <thead class="table-light text-center align-middle">
                    <tr>
                        <th rowspan="2" width="5%">No</th>
                        <th rowspan="2" width="22%">Mata Pelajaran</th>
                        <th colspan="4" class="bg-primary bg-opacity-10">Total Absensi</th>
                        <th rowspan="2" width="12%">Tanggal Terakhir</th>
                        <th rowspan="2" width="8%">Status Terakhir</th>
                        <th rowspan="2" width="22%">Keterangan</th>
                        <th rowspan="2">Aksi</th>
                    </tr>
                    <tr>
                        <th width="4%" class="bg-primary bg-opacity-10 text-success" title="Hadir">H</th>
                        <th width="4%" class="bg-primary bg-opacity-10 text-warning" title="Sakit">S</th>
                        <th width="4%" class="bg-primary bg-opacity-10 text-info" title="Izin">I</th>
                        <th width="4%" class="bg-primary bg-opacity-10 text-danger" title="Alpa">A</th>
                    </tr>
                </thead>
                <tbody>
                    @php $no = 1; @endphp
                    @forelse($mapelSiswa as $jadwal)
                        @php
                            $guruMapelId = $jadwal->guru_mapel_id;
                            $absensiMapel = $groupedAbsensi->get($guruMapelId, collect());
                            $dataTerakhir = $absensiMapel->first(); 
                            $namaMapelLengkap = ($jadwal->guruMapel->mapel->nama_mapel ?? '') . ' - ' . ($jadwal->guruMapel->guru->nama_lengkap ?? '');
                        @endphp
                        <tr>
                            <td class="text-center">{{ $no++ }}</td>
                            <td>
                                <span class="fw-bold d-block text-primary">{{ $jadwal->guruMapel->mapel->nama_mapel ?? 'Mapel Tidak Diketahui' }}</span>
                                <small class="text-muted">{{ $jadwal->guruMapel->guru->nama_lengkap ?? '-' }}</small>
                            </td>
                            
                            <td class="text-center fw-bold text-success">{{ $absensiMapel->where('status', 'Hadir')->count() }}</td>
                            <td class="text-center fw-bold text-warning">{{ $absensiMapel->where('status', 'Sakit')->count() }}</td>
                            <td class="text-center fw-bold text-info">{{ $absensiMapel->where('status', 'Izin')->count() }}</td>
                            <td class="text-center fw-bold text-danger">{{ $absensiMapel->where('status', 'Alpa')->count() }}</td>

                            @if($dataTerakhir)
                                <td class="text-center text-muted fw-medium">{{ \Carbon\Carbon::parse($dataTerakhir->tanggal)->format('d M Y') }}</td>
                                <td class="text-center">
                                    @if($dataTerakhir->status == 'Hadir') <span class="badge bg-success">Hadir</span>
                                    @elseif($dataTerakhir->status == 'Sakit') <span class="badge bg-warning">Sakit</span>
                                    @elseif($dataTerakhir->status == 'Izin') <span class="badge bg-info">Izin</span>
                                    @else <span class="badge bg-danger">Alpa</span>
                                    @endif
                                </td>
                                <td class="{{ $dataTerakhir->keterangan ? '' : 'text-center text-muted fst-italic' }}">
                                    {{ $dataTerakhir->keterangan ?? '-' }}
                                </td>
                            @else
                                <td colspan="3" class="text-center text-muted fst-italic" style="font-size: 13px;">Belum ada input absensi di bulan ini.</td>
                            @endif

                            <td class="text-center">
                                {{-- Tombol Input Baru (Selalu Ada) --}}
                                <button class="btn btn-sm btn-outline-primary shadow-sm mb-1 btn-tambah-absen" 
                                        data-mapelid="{{ $guruMapelId }}"
                                        data-namamapel="{{ $namaMapelLengkap }}"
                                        title="Input Data Absensi Baru">
                                    <i class="bi bi-plus-circle"></i> 
                                </button>
                                
                                {{-- Tombol Edit & Hapus (Hanya muncul jika ada data terakhir) --}}
                                @if($dataTerakhir)
                                    <button class="btn btn-sm btn-outline-warning shadow-sm mb-1 btn-edit-absen" 
                                            data-id="{{ $dataTerakhir->id }}"
                                            data-namamapel="{{ $namaMapelLengkap }}"
                                            data-tanggal="{{ $dataTerakhir->tanggal }}"
                                            data-status="{{ $dataTerakhir->status }}"
                                            data-keterangan="{{ $dataTerakhir->keterangan }}"
                                            title="Edit Data Terakhir">
                                        <i class="bi bi-pencil-square"></i>
                                    </button>

                                    <form action="{{ route('admin.absensi.destroy', $dataTerakhir->id) }}" method="POST" class="d-inline form-hapus-absen">
                                        @csrf
                                        @method('DELETE')
                                        <button type="button" class="btn btn-sm btn-outline-danger shadow-sm mb-1 btn-delete-absen" title="Hapus Data Terakhir">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" class="text-center py-5 text-muted">
                                <i class="bi bi-calendar-x fs-1 d-block mb-3 opacity-50"></i>
                                <span class="d-block fw-bold mb-1">Mata Pelajaran Kosong</span>
                                Belum ada data Mata Pelajaran di jadwal siswa ini pada Tahun/Semester yang dipilih. Pastikan Jadwal Mapel sudah diatur.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        
    </div>
</div>

<div class="modal fade" id="modalInputAbsensi" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <form action="{{ route('admin.absensi.store') }}" method="POST">
            @csrf
            <input type="hidden" name="siswa_id" value="{{ $siswa->id }}">
            <input type="hidden" name="tahun_ajaran_id" value="{{ $filterAbsenTa }}">
            <input type="hidden" name="semester_id" value="{{ $filterAbsenSem }}">
            <input type="hidden" name="guru_mapel_id" id="input_guru_mapel_id" value="">

            <div class="modal-content border-0 shadow">
                <div class="modal-header border-bottom-0 bg-light">
                    <h5 class="modal-title fw-bold">Input Absensi Harian</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-4">
                    <div class="mb-3">
                        <label class="form-label fw-medium text-muted mb-1" style="font-size: 12px;">MATA PELAJARAN</label>
                        <input type="text" id="input_nama_mapel" class="form-control bg-light fw-bold text-primary border-primary" readonly>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-medium">Tanggal <span class="text-danger">*</span></label>
                        <input type="date" name="tanggal" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label fw-medium">Status Kehadiran <span class="text-danger">*</span></label>
                        <select name="status" class="form-select border-warning" required>
                            <option value="Hadir">Hadir</option>
                            <option value="Sakit">Sakit</option>
                            <option value="Izin">Izin</option>
                            <option value="Alpa">Alpa (Tanpa Keterangan)</option>
                        </select>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label fw-medium">Keterangan / Alasan</label>
                        <textarea name="keterangan" class="form-control" rows="3" placeholder="Opsional (Wajib diisi jika Sakit/Izin)"></textarea>
                    </div>
                </div>
                <div class="modal-footer bg-light border-top-0">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary fw-bold"><i class="bi bi-save me-1"></i> Simpan Absensi</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="modal fade" id="modalEditAbsensi" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <form id="formEditAbsensi" method="POST">
            @csrf
            @method('PUT')
            <div class="modal-content border-0 shadow">
                <div class="modal-header border-bottom-0 bg-light">
                    <h5 class="modal-title fw-bold">Edit Absensi Terakhir</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-4">
                    <div class="mb-3">
                        <label class="form-label fw-medium">Mata Pelajaran (Read Only)</label>
                        <input type="text" id="edit_nama_mapel" class="form-control bg-light fw-bold text-primary" readonly>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-medium">Tanggal <span class="text-danger">*</span></label>
                        <input type="date" id="edit_tanggal" name="tanggal" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-medium">Status Kehadiran <span class="text-danger">*</span></label>
                        <select id="edit_status" name="status" class="form-select" required>
                            <option value="Hadir">Hadir</option>
                            <option value="Sakit">Sakit</option>
                            <option value="Izin">Izin</option>
                            <option value="Alpa">Alpa (Tanpa Keterangan)</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-medium">Keterangan / Alasan</label>
                        <textarea id="edit_keterangan" name="keterangan" class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer bg-light border-top-0">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary fw-bold"><i class="bi bi-check2-circle me-1"></i> Perbarui Data</button>
                </div>
            </div>
        </form>
    </div>
</div>

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {

        const btnTambah = document.querySelectorAll('.btn-tambah-absen');
        btnTambah.forEach(button => {
            button.addEventListener('click', function() {
                document.getElementById('input_guru_mapel_id').value = this.getAttribute('data-mapelid');
                document.getElementById('input_nama_mapel').value = this.getAttribute('data-namamapel');
                new bootstrap.Modal(document.getElementById('modalInputAbsensi')).show();
            });
        });

        const btnEdit = document.querySelectorAll('.btn-edit-absen');
        btnEdit.forEach(button => {
            button.addEventListener('click', function() {
                const id = this.getAttribute('data-id');
                const mapel = this.getAttribute('data-namamapel');
                const tanggal = this.getAttribute('data-tanggal');
                const status = this.getAttribute('data-status');
                const ket = this.getAttribute('data-keterangan');

                document.getElementById('formEditAbsensi').action = `{{ url('admin/absensi') }}/${id}`;
                document.getElementById('edit_nama_mapel').value = mapel;
                document.getElementById('edit_tanggal').value = tanggal;
                document.getElementById('edit_status').value = status;
                document.getElementById('edit_keterangan').value = ket ? ket : '';

                new bootstrap.Modal(document.getElementById('modalEditAbsensi')).show();
            });
        });

        const deleteButtons = document.querySelectorAll('.btn-delete-absen');
        deleteButtons.forEach(button => {
            button.addEventListener('click', function(e) {
                e.preventDefault();
                const form = this.closest('.form-hapus-absen');
                
                Swal.fire({
                    title: 'Apakah Anda Yakin?',
                    text: "Data absensi terakhir ini akan dihapus secara permanen!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Ya, Hapus!',
                    cancelButtonText: 'Batal'
                }).then((result) => {
                    if (result.isConfirmed) {
                        form.submit();
                    }
                });
            });
        });

    });
</script>
@endpush