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

@section('title', 'Rekap Data Siswa')

@push('styles')
<style>
    .table-hierarchy th { background-color: #f8f9fa; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #495057; }
    .row-jenjang { background-color: #e9ecef; font-weight: bold; border-bottom: 2px solid #dee2e6; }
    .row-tingkat { background-color: #fcfcfc; font-weight: 600; color: #495057; }
    .row-kelas { background-color: #ffffff; }
    .row-detail { background-color: #fdfdfd; } 
    .indent-1 { padding-left: 2.5rem !important; position: relative; }
    .indent-1::before { content: "↳"; position: absolute; left: 1rem; color: #adb5bd; }
    .indent-2 { padding-left: 4rem !important; position: relative; }
    .indent-2::before { content: "↳"; position: absolute; left: 2.5rem; color: #adb5bd; }
    .indent-3 { padding-left: 5.5rem !important; position: relative; }
    .indent-3::before { content: "↳"; position: absolute; left: 4rem; color: #adb5bd; }
</style>
@endpush

@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-3">
        <div>
            <h4 class="mb-1 fw-bold">Rekapitulasi Data Siswa</h4>
            <p class="text-muted mb-0" style="font-size: 14px;">
                Pemantauan sebaran data siswa berdasarkan Hierarki Kelas, Tingkat, dan Detail Slot.
            </p>
        </div>
        
        <div class="d-flex gap-2">
            <form action="{{ url()->current() }}" method="GET" class="d-flex align-items-center gap-2 mb-0 bg-white p-2 rounded border shadow-sm">
                <label class="form-label mb-0 fw-medium text-nowrap text-muted" style="font-size: 13px;"><i class="bi bi-funnel me-1"></i>Tahun Ajaran:</label>
                <select name="tahun_ajaran_id" class="form-select form-select-sm shadow-none border-secondary-subtle" onchange="this.form.submit()" style="min-width: 180px; font-size: 13px;">
                    <option value="">-- Semua Tahun --</option>
                    @foreach($tahunAjarans as $ta)
                        <option value="{{ $ta->id }}" {{ $selectedTaId == $ta->id ? 'selected' : '' }}>
                            {{ $ta->tahun_ajaran }} {{ $ta->status_akademik == 'aktif' ? '(Aktif)' : '' }}
                        </option>
                    @endforeach
                </select>
            </form>
            
            <button type="button" class="btn btn-success btn-sm shadow-sm d-flex align-items-center gap-2" onclick="window.print()">
                <i class="bi bi-printer"></i> Cetak Laporan
            </button>
        </div>
    </div>

    <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 g-3 mb-4">
        <div class="col">
            <div class="card shadow-sm border-0 border-start border-primary h-100" style="border-left-width: 4px !important;">
                <div class="card-body p-3">
                    <div class="text-primary fw-bold mb-1" style="font-size: 11px;">TOTAL JENJANG</div>
                    <h5 class="mb-0 fw-bold text-dark">{{ number_format($grandTotalJenjang ?? 0, 0, ',', '.') }} Jenjang</h5>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card shadow-sm border-0 border-start border-secondary h-100" style="border-left-width: 4px !important;">
                <div class="card-body p-3">
                    <div class="text-secondary fw-bold mb-1" style="font-size: 11px;">TOTAL TINGKATAN</div>
                    <h5 class="mb-0 fw-bold text-dark">{{ number_format($grandTotalTingkat ?? 0, 0, ',', '.') }} Tingkat</h5>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card shadow-sm border-0 border-start border-info h-100" style="border-left-width: 4px !important;">
                <div class="card-body p-3">
                    <div class="text-info text-dark fw-bold mb-1" style="font-size: 11px;">TOTAL ROMBEL KELAS</div>
                    <h5 class="mb-0 fw-bold text-dark">{{ number_format($grandTotalKelas ?? 0, 0, ',', '.') }} Kelas</h5>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card shadow-sm border-0 border-start border-success h-100" style="border-left-width: 4px !important;">
                <div class="card-body p-3">
                    <div class="text-success fw-bold mb-1" style="font-size: 11px;">TOTAL SISWA AKTIF</div>
                    <h5 class="mb-0 fw-bold text-success">{{ number_format($grandTotalSiswa ?? 0, 0, ',', '.') }} Siswa</h5>
                </div>
            </div>
        </div>
    </div>

    <div class="card shadow-sm border-0 border-top border-primary" style="border-top-width: 4px !important;">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0 table-hierarchy">
                    <thead>
                        <tr>
                            <th width="40%" class="ps-4">STRUKTUR MADRASAH</th>
                            <th width="20%" class="text-center">TOTAL TINGKAT</th>
                            <th width="20%" class="text-center">TOTAL KELAS</th>
                            <th width="20%" class="text-end pe-4">JUMLAH SISWA AKTIF</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($jenjangs as $jenjang)
                            @php
                                $jmlTingkatJenjang = $jenjang->tingkat->count();
                                $jmlKelasJenjang = 0;
                                $jmlSiswaJenjang = 0;

                                foreach($jenjang->tingkat as $tingkat) {
                                    $jmlKelasJenjang += $tingkat->kelas->count();
                                    foreach($tingkat->kelas as $kelas) {
                                        $jmlSiswaJenjang += $kelas->siswa->count();
                                    }
                                }
                            @endphp

                            <tr class="row-jenjang">
                                <td class="ps-4 text-primary"><i class="bi bi-diagram-3-fill me-2"></i> JENJANG {{ $jenjang->nama_jenjang }}</td>
                                <td class="text-center">{{ $jmlTingkatJenjang }} Tingkat</td>
                                <td class="text-center">{{ $jmlKelasJenjang }} Kelas</td>
                                <td class="text-end pe-4 text-dark">{{ number_format($jmlSiswaJenjang, 0, ',', '.') }} Siswa</td>
                            </tr>

                            @foreach($jenjang->tingkat as $tingkat)
                                @php
                                    $jmlKelasTingkat = $tingkat->kelas->count();
                                    $jmlSiswaTingkat = 0;

                                    foreach($tingkat->kelas as $kelas) {
                                        $jmlSiswaTingkat += $kelas->siswa->count();
                                    }
                                @endphp

                                <tr class="row-tingkat">
                                    <td class="indent-1"><i class="bi bi-layers me-2 text-muted"></i> Tingkat {{ $tingkat->nama_tingkat }}</td>
                                    <td class="text-center text-muted">-</td>
                                    <td class="text-center">{{ $jmlKelasTingkat }} Kelas</td>
                                    <td class="text-end pe-4 text-dark">{{ number_format($jmlSiswaTingkat, 0, ',', '.') }} Siswa</td>
                                </tr>

                                @foreach($tingkat->kelas as $kelas)
                                    @php
                                        $jmlSiswaKelas = $kelas->siswa->count();
                                    @endphp

                                    <tr class="row-kelas">
                                        <td class="indent-2 text-dark fw-medium">{{ $kelas->nama_kelas }}</td>
                                        <td class="text-center text-muted">-</td>
                                        <td class="text-center text-muted">-</td>
                                        <td class="text-end pe-4 text-success fw-bold">{{ number_format($jmlSiswaKelas, 0, ',', '.') }} Siswa</td>
                                    </tr>

                                    @if($kelas->details->isNotEmpty())
                                        @foreach($kelas->details as $detail)
                                            @php
                                                $valDB = 'L';
                                                if($detail->gender) {
                                                    $lower = strtolower($detail->gender->nama_gender);
                                                    if (str_contains($lower, 'perempuan') || str_contains($lower, 'wanita') || str_contains($lower, 'putri') || str_contains($lower, 'banat') || $lower === 'p') { 
                                                        $valDB = 'P'; 
                                                    }
                                                }
                                                $jmlSiswaSlot = $kelas->siswa->where('jenis_kelamin', $valDB)->count();
                                                
                                                $iconGender = $valDB == 'L' ? '<i class="bi bi-gender-male text-primary me-1"></i>' : '<i class="bi bi-gender-female text-danger me-1"></i>';
                                            @endphp
                                            
                                            <tr class="row-detail">
                                                <td class="indent-3 text-muted" style="font-size: 13px;">
                                                    {!! $iconGender !!} Slot {{ $detail->gender->nama_gender ?? 'Campuran' }}
                                                </td>
                                                <td class="text-center text-muted">-</td>
                                                <td class="text-center text-muted">-</td>
                                                <td class="text-end pe-4 text-primary" style="font-size: 13px;">{{ number_format($jmlSiswaSlot, 0, ',', '.') }} Siswa</td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr class="row-detail">
                                            <td class="indent-3 text-muted" style="font-size: 13px;">
                                                <i class="bi bi-people text-secondary me-1"></i> Slot Campuran
                                            </td>
                                            <td class="text-center text-muted">-</td>
                                            <td class="text-center text-muted">-</td>
                                            <td class="text-end pe-4 text-primary" style="font-size: 13px;">{{ number_format($jmlSiswaKelas, 0, ',', '.') }} Siswa</td>
                                        </tr>
                                    @endif
                                    
                                @endforeach
                            @endforeach
                        @empty
                            <tr>
                                <td colspan="4" class="text-center py-5 text-muted">
                                    <i class="bi bi-inbox fs-1 d-block mb-3 text-black-50"></i>
                                    <h5>Belum Ada Data Hirarki Kelas</h5>
                                    <p class="mb-0">Pastikan Anda telah mengatur Master Data Jenjang, Tingkat, dan Kelas.</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection