{{-- resources/views/admin/presensi-guru/rekap.blade.php --}}
@extends('admin.layouts.app')

@section('title', 'Rekap Presensi Guru')

@section('content')
<div class="container-fluid py-4">

    @php
        $currentTaId = request('tahun_ajaran_id', $taAktif->id ?? null);
        
        $filteredSemesters = collect();

        if (isset($semesters)) {
            if (isset($jenjangAktifObj) && $jenjangAktifObj) {
                $filteredSemesters = $semesters->where('jenis_periode', $jenjangAktifObj->sistem_akademik);
            } else {
                $filteredSemesters = $semesters;
            }
        }

        $currentSemId = request('semester_id');
        
        $isInvalid = true;
        if ($currentSemId && $filteredSemesters->contains('id', $currentSemId)) {
            $isInvalid = false;
        }
        
        if ($isInvalid) {
            $defaultSem = $filteredSemesters->where('is_active', 1)->first() ?? $filteredSemesters->first();
            $currentSemId = $defaultSem ? $defaultSem->id : null;
        }
        
        \Carbon\Carbon::setLocale('id');
    @endphp

    <div class="row align-items-center mb-3">
        <div class="col-md-5">
            <h4 class="mb-1 fw-bold">Rekap Presensi Guru</h4>
            <p class="text-muted mb-0" style="font-size: 14px;">Laporan akumulasi kehadiran tenaga pendidik per bulan.</p>
        </div>
        <div class="col-md-7 mt-3 mt-md-0 text-md-end d-print-none">
            <a href="{{ route('admin.presensi-guru.jenjang', $jenjang_id ?? ($jenjangs->first()->id ?? '')) }}" class="btn btn-secondary shadow-sm px-3 py-2">
                <i class="bi bi-arrow-left me-1"></i> Presensi Harian
            </a>
            <button onclick="window.print()" class="btn btn-primary shadow-sm px-3 py-2 ms-2">
                <i class="bi bi-printer me-1"></i> Cetak PDF/Print
            </button>
        </div>
    </div>

    <div class="card shadow-sm border-0 mb-4 bg-white d-print-none">
        <div class="card-body py-2 px-3">
            <form action="{{ route('admin.presensi-guru.rekap') }}" method="GET" class="row g-2 align-items-center m-0">
                <input type="hidden" name="jenjang_id" value="{{ $jenjang_id }}">

                <div class="col-auto">
                    <div class="d-flex align-items-center justify-content-center bg-light rounded" style="width: 36px; height: 36px;">
                        <i class="bi bi-funnel-fill text-secondary fs-5"></i>
                    </div>
                </div>
                
                <div class="col-12 col-md flex-grow-1">
                    <select name="tahun_ajaran_id" class="form-select border-0 bg-light shadow-none fw-medium text-dark pe-4 cursor-pointer w-100" onchange="this.form.submit()" style="height: 36px;">
                        @if(isset($tahunAjarans))
                            @foreach($tahunAjarans as $ta)
                                <option value="{{ $ta->id }}" {{ $currentTaId == $ta->id ? 'selected' : '' }}>
                                    {{ $ta->tahun_ajaran_hijriyah }} H ({{ $ta->tahun_ajaran }} M) {{ $ta->status_akademik == 'aktif' ? '(Aktif)' : '' }}
                                </option>
                            @endforeach
                        @else
                            <option value="{{ $taAktif->id ?? '' }}">{{ $taAktif->tahun_ajaran_hijriyah ?? 'Tahun Aktif' }} H</option>
                        @endif
                    </select>
                </div>
                
                <div class="col-12 col-md flex-grow-1">
                    <select name="semester_id" class="form-select border-0 bg-light shadow-none fw-medium text-dark pe-4 cursor-pointer w-100" onchange="this.form.submit()" style="height: 36px;">
                        @if($filteredSemesters->count() > 0)
                            @foreach($filteredSemesters as $sem)
                                <option value="{{ $sem->id }}" {{ $currentSemId == $sem->id ? 'selected' : '' }}>
                                    {{ $sem->nama }} {{ $sem->is_active ? '(Aktif)' : '' }}
                                </option>
                            @endforeach
                        @else
                            <option value="">Belum Ada Periode</option>
                        @endif
                    </select>
                </div>
                
                <div class="col-12 col-md-auto">
                    <select name="bulan" class="form-select border-0 bg-light shadow-none fw-bold text-dark pe-4 cursor-pointer text-center w-100" onchange="this.form.submit()" style="height: 36px;">
                        @foreach(range(1, 12) as $m)
                            <option value="{{ sprintf('%02d', $m) }}" {{ $bulan == sprintf('%02d', $m) ? 'selected' : '' }}>
                                {{ \Carbon\Carbon::create()->month((int)$m)->translatedFormat('F') }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-12 col-md-auto">
                    <select name="tahun" class="form-select border-0 bg-light shadow-none fw-bold text-dark pe-4 cursor-pointer text-center w-100" onchange="this.form.submit()" style="height: 36px;">
                        @for($y = date('Y') - 2; $y <= date('Y') + 1; $y++)
                            <option value="{{ $y }}" {{ $tahun == $y ? 'selected' : '' }}>{{ $y }}</option>
                        @endfor
                    </select>
                </div>
            </form>
        </div>
    </div>

    <div class="nav-wrapper position-relative mb-4 d-print-none">
        <ul class="nav nav-pills nav-fill p-1 bg-white border rounded-3 shadow-sm">
            @if(isset($jenjangs) && $jenjangs->isNotEmpty())
                @foreach($jenjangs as $j)
                    <li class="nav-item">
                        <a class="nav-link mb-0 px-0 py-2 {{ $jenjang_id == $j->id ? 'active fw-bold shadow-sm' : 'text-muted' }}" 
                           href="{{ route('admin.presensi-guru.rekap', ['jenjang_id' => $j->id, 'bulan' => $bulan, 'tahun' => $tahun, 'tahun_ajaran_id' => $currentTaId, 'semester_id' => $currentSemId]) }}">
                            <i class="bi bi-bookmark-star-fill me-1"></i> Guru {{ $j->nama_jenjang }}
                        </a>
                    </li>
                @endforeach
            @else
                <li class="nav-item">
                    <span class="nav-link mb-0 px-0 py-2 text-muted">Belum ada data jenjang</span>
                </li>
            @endif
        </ul>
    </div>

    <div class="card shadow-sm border-0 border-top border-info border-3">
        <div class="card-header bg-white border-bottom py-3 d-flex justify-content-between align-items-center">
            <h6 class="card-title mb-0 fw-bold text-info" style="font-size: 15px;">
                <i class="bi bi-calendar-check me-1"></i> Data Kehadiran: {{ \Carbon\Carbon::create()->month((int)$bulan)->translatedFormat('F') }} {{ $tahun }}
                @if(isset($jenjangAktifObj)) <span class="badge bg-info ms-2 text-white">{{ $jenjangAktifObj->nama_jenjang }}</span> @endif
            </h6>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-bordered align-middle mb-0" style="border-color: #dee2e6;">
                    <thead class="table-light">
                        <tr>
                            <th class="text-center text-secondary py-3" style="width: 5%; font-size: 13px;">NO</th>
                            <th class="text-secondary py-3" style="width: 30%; font-size: 13px;">NAMA GURU</th>
                            <th class="text-center text-secondary py-3" style="width: 15%; font-size: 13px;">HARI & TANGGAL</th>
                            <th class="text-center text-success py-3" style="width: 10%; font-size: 13px;">HADIR (H)</th>
                            <th class="text-center text-warning py-3" style="width: 10%; font-size: 13px;">IZIN (I)</th>
                            <th class="text-center text-info py-3" style="width: 10%; font-size: 13px;">SAKIT (S)</th>
                            <th class="text-center text-danger py-3" style="width: 10%; font-size: 13px;">ALPA (A)</th>
                            <th class="text-secondary py-3" style="width: 10%; font-size: 13px;">KETERANGAN</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($rekapData as $index => $data)
                            @php
                                $detail = $data['detail_presensi'];
                                $rowspan = $detail->count() > 0 ? $detail->count() : 1;
                                
                                $guru = $data['guru'];
                                $avatarUrl = !empty($guru->foto) ? asset('storage/guru/' . $guru->foto) : 'https://ui-avatars.com/api/?name='.urlencode($guru->nama_lengkap).'&background=random&size=100';
                            @endphp

                            <tr>
                                <td class="text-center text-muted" rowspan="{{ $rowspan }}" style="font-size: 14px; vertical-align: middle;">
                                    {{ $loop->iteration }}
                                </td>
                                <td rowspan="{{ $rowspan }}" style="vertical-align: middle;">
                                    <div class="d-flex align-items-center">
                                        <img src="{{ $avatarUrl }}" class="rounded-circle object-fit-cover shadow-sm me-3 border" style="width: 55px; height: 55px; aspect-ratio: 1/1;" alt="Foto {{ $guru->nama_lengkap }}">
                                        <div class="data-pencarian">
                                            <span class="fw-bold text-primary d-block mb-1" style="font-size: 14px;">{{ $guru->nama_lengkap }}</span>
                                            <div class="text-muted mb-1" style="font-size: 11px; line-height: 1.5;">
                                                <span class="d-block"><i class="bi bi-upc-scan me-1"></i> NIP: <strong class="text-dark">{{ $guru->nip ?? '-' }}</strong></span>
                                                <!-- Pastikan Controller sudah load HP -->
                                                <span class="d-block"><i class="bi bi-telephone-fill me-1"></i> HP: <strong class="text-dark">{{ $guru->hp ?? '-' }}</strong></span>
                                            </div>
                                            <span class="badge {{ $guru->jenis_kelamin == 'L' ? 'bg-primary' : 'bg-danger' }} bg-opacity-10 text-{{ $guru->jenis_kelamin == 'L' ? 'primary' : 'danger' }} border border-{{ $guru->jenis_kelamin == 'L' ? 'primary' : 'danger' }}" style="font-size: 9px; padding: 2px 6px;">
                                                <i class="bi {{ $guru->jenis_kelamin == 'L' ? 'bi-gender-male' : 'bi-gender-female' }} me-1"></i>{{ $guru->jenis_kelamin == 'L' ? 'Laki-Laki' : 'Perempuan' }}
                                            </span>
                                        </div>
                                    </div>
                                </td>
                                
                                @if($detail->count() > 0)
                                    @php 
                                        $firstPresensi = $detail->first(); 
                                        $tanggalObj = \Carbon\Carbon::parse($firstPresensi->tanggal);
                                    @endphp
                                    <td class="text-center">
                                        <span class="d-block fw-bold text-dark" style="font-size: 13px;">{{ $tanggalObj->translatedFormat('l') }}</span>
                                        <span class="text-muted" style="font-size: 12px; font-family: monospace;">{{ $tanggalObj->format('d/m/Y') }}</span>
                                    </td>
                                    <td class="text-center fw-bold text-success" style="font-size: 14px;">{{ $firstPresensi->status == 'Hadir' ? '1' : '0' }}</td>
                                    <td class="text-center fw-bold text-warning" style="font-size: 14px;">{{ $firstPresensi->status == 'Izin' ? '1' : '0' }}</td>
                                    <td class="text-center fw-bold text-info" style="font-size: 14px;">{{ $firstPresensi->status == 'Sakit' ? '1' : '0' }}</td>
                                    <td class="text-center fw-bold text-danger" style="font-size: 14px;">{{ $firstPresensi->status == 'Alpa' ? '1' : '0' }}</td>
                                    <td class="text-muted" style="font-size: 12px;">{{ $firstPresensi->keterangan ?? '-' }}</td>
                                @else
                                    <td class="text-center text-muted fst-italic" style="font-size: 12px;">Belum ada absensi</td>
                                    <td class="text-center text-muted">0</td>
                                    <td class="text-center text-muted">0</td>
                                    <td class="text-center text-muted">0</td>
                                    <td class="text-center text-muted">0</td>
                                    <td class="text-muted">-</td>
                                @endif
                            </tr>

                            @if($detail->count() > 1)
                                @foreach($detail->skip(1) as $presensi)
                                    @php 
                                        $tanggalLoopObj = \Carbon\Carbon::parse($presensi->tanggal);
                                    @endphp
                                    <tr>
                                        <td class="text-center">
                                            <span class="d-block fw-bold text-dark" style="font-size: 13px;">{{ $tanggalLoopObj->translatedFormat('l') }}</span>
                                            <span class="text-muted" style="font-size: 12px; font-family: monospace;">{{ $tanggalLoopObj->format('d/m/Y') }}</span>
                                        </td>
                                        <td class="text-center fw-bold text-success" style="font-size: 14px;">{{ $presensi->status == 'Hadir' ? '1' : '0' }}</td>
                                        <td class="text-center fw-bold text-warning" style="font-size: 14px;">{{ $presensi->status == 'Izin' ? '1' : '0' }}</td>
                                        <td class="text-center fw-bold text-info" style="font-size: 14px;">{{ $presensi->status == 'Sakit' ? '1' : '0' }}</td>
                                        <td class="text-center fw-bold text-danger" style="font-size: 14px;">{{ $presensi->status == 'Alpa' ? '1' : '0' }}</td>
                                        <td class="text-muted" style="font-size: 12px;">{{ $presensi->keterangan ?? '-' }}</td>
                                    </tr>
                                @endforeach
                            @endif

                            @if($detail->count() > 0)
                            <tr class="bg-light">
                                <td colspan="3" class="text-end fw-bold text-secondary pe-3" style="font-size: 12px;">Total Bulan Ini:</td>
                                <td class="text-center fw-bold text-success" style="font-size: 14px; border-top: 2px solid #198754;">{{ $data['total_hadir'] }}</td>
                                <td class="text-center fw-bold text-warning" style="font-size: 14px; border-top: 2px solid #ffc107;">{{ $data['total_izin'] }}</td>
                                <td class="text-center fw-bold text-info" style="font-size: 14px; border-top: 2px solid #0dcaf0;">{{ $data['total_sakit'] }}</td>
                                <td class="text-center fw-bold text-danger" style="font-size: 14px; border-top: 2px solid #dc3545;">{{ $data['total_alpa'] }}</td>
                                <td class="bg-light"></td>
                            </tr>
                            @endif
                            
                        @empty
                            <tr>
                                <td colspan="8" class="text-center py-5 text-muted" style="font-size: 14px;">
                                    <i class="bi bi-inbox fs-3 d-block mb-2 opacity-50"></i>
                                    Belum ada data guru pada jenjang ini.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<style>
    select.pe-4 { padding-right: 2.2rem !important; }
    .cursor-pointer { cursor: pointer; }
    
    @media print {
        body { background-color: #fff !important; }
        .sidebar, .navbar, .d-print-none, footer, .nav-wrapper { display: none !important; }
        .container-fluid { padding: 0 !important; margin: 0 !important; }
        .card { border: none !important; box-shadow: none !important; margin-top: 0 !important;}
        .table { width: 100% !important; margin-bottom: 0 !important; border-collapse: collapse !important; }
        .table-bordered th, .table-bordered td { border: 1px solid #000 !important; padding: 6px 8px !important; }
        .table-light th { background-color: #f8f9fa !important; -webkit-print-color-adjust: exact; }
    }
</style>
@endsection