{{-- resources/views/admin/kesiswaan/siswa/_sidebar.blade.php --}}

@php
    $rombels = $sidebarSiswas->map(function ($siswa) use ($tahunAjaranAktif) {
        return $siswa->kelasBerjalan($tahunAjaranAktif)['rombel'] ?? null;
    })->filter()->unique()->values()->sort();

    $selectedTaId = request('tahun_ajaran_id', $tahunAjaranAktif->id);
@endphp

<div class="card card-round shadow-sm border-0 mb-3">
    <div class="card-header bg-primary text-white py-2 px-3">
        <div class="d-flex align-items-center">
            <i class="fa fa-list me-2"></i>
            <span class="fw-bold text-uppercase" style="font-size: 0.85rem; letter-spacing: 0.5px;">
                Kelas {{ $level->level_kelas ?? '' }}
            </span>
        </div>
    </div>

    <div class="card-body p-0">
        <div class="accordion accordion-flush" id="accordionSiswa">
            
            @php $isPutraOpen = request('jenkel') == 'L'; @endphp
            <div class="accordion-item border-bottom">
                <h2 class="accordion-header">
                    <button class="accordion-button {{ $isPutraOpen ? '' : 'collapsed' }} py-2 px-3 shadow-none" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapsePutra"
                            style="font-size: 0.85rem; font-weight: 600;">
                        PUTRA
                    </button>
                </h2>
                <div id="collapsePutra" 
                     class="accordion-collapse collapse {{ $isPutraOpen ? 'show' : '' }}" 
                     data-bs-parent="#accordionSiswa">
                    
                    <div class="list-group list-group-flush">
                        @forelse($rombels as $rombel)
                            @php
                                $hasData = $sidebarSiswas->contains(function ($siswa) use ($rombel, $tahunAjaranAktif) {
                                    $kelas = $siswa->kelasBerjalan($tahunAjaranAktif);
                                    return $kelas && $kelas['rombel'] === $rombel && $kelas['jenkel'] === 'L';
                                });
                                $isActive = request('rombel') == $rombel && request('jenkel') == 'L';
                            @endphp

                            @if($hasData)
                                <a href="{{ route('admin.siswa.kelas', $level->id) }}?rombel={{ $rombel }}&jenkel=L&tahun_ajaran_id={{ $selectedTaId }}" 
                                   class="list-group-item list-group-item-action py-1 px-3 d-flex justify-content-between align-items-center {{ $isActive ? 'bg-light text-primary fw-bold border-start border-primary border-3' : 'text-muted' }}"
                                   style="font-size: 0.8rem; {{ $isActive ? 'background-color: #f8f9fa;' : '' }}">
                                    <span>
                                        @if($isActive) <i class="fa fa-caret-right me-1 small"></i>
                                        @else <i class="fa fa-circle me-2 text-muted" style="font-size: 4px; vertical-align: middle;"></i> @endif
                                        Rombel {{ $rombel }}
                                    </span>
                                </a>
                            @endif
                        @empty
                            <div class="text-muted small px-3 py-2 fst-italic">Belum ada data.</div>
                        @endforelse
                    </div>
                </div>
            </div>

            @php $isPutriOpen = request('jenkel') == 'P'; @endphp
            <div class="accordion-item border-bottom">
                <h2 class="accordion-header">
                    <button class="accordion-button {{ $isPutriOpen ? '' : 'collapsed' }} py-2 px-3 shadow-none" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapsePutri"
                            style="font-size: 0.85rem; font-weight: 600;">
                        PUTRI
                    </button>
                </h2>
                <div id="collapsePutri" 
                     class="accordion-collapse collapse {{ $isPutriOpen ? 'show' : '' }}" 
                     data-bs-parent="#accordionSiswa">
                    
                    <div class="list-group list-group-flush">
                        @forelse($rombels as $rombel)
                            @php
                                $hasData = $sidebarSiswas->contains(function ($siswa) use ($rombel, $tahunAjaranAktif) {
                                    $kelas = $siswa->kelasBerjalan($tahunAjaranAktif);
                                    return $kelas && $kelas['rombel'] === $rombel && $kelas['jenkel'] === 'P';
                                });
                                $isActive = request('rombel') == $rombel && request('jenkel') == 'P';
                            @endphp

                            @if($hasData)
                                {{-- [PERBAIKAN] Menggunakan $selectedTaId agar filter tahun tidak reset --}}
                                <a href="{{ route('admin.siswa.kelas', $level->id) }}?rombel={{ $rombel }}&jenkel=P&tahun_ajaran_id={{ $selectedTaId }}" 
                                   class="list-group-item list-group-item-action py-1 px-3 d-flex justify-content-between align-items-center {{ $isActive ? 'bg-light text-primary fw-bold border-start border-primary border-3' : 'text-muted' }}"
                                   style="font-size: 0.8rem; {{ $isActive ? 'background-color: #f8f9fa;' : '' }}">
                                    <span>
                                        @if($isActive) <i class="fa fa-caret-right me-1 small"></i>
                                        @else <i class="fa fa-circle me-2 text-muted" style="font-size: 4px; vertical-align: middle;"></i> @endif
                                        Rombel {{ $rombel }}
                                    </span>
                                </a>
                            @endif
                        @empty
                            <div class="text-muted small px-3 py-2 fst-italic">Belum ada data.</div>
                        @endforelse
                    </div>
                </div>
            </div>

        </div>
    </div>
    
    @if($sidebarSiswas->isEmpty())
      <div class="card-footer text-center bg-white border-0 py-2">
        <small class="text-muted fst-italic">Data rombel belum tersedia</small>
      </div>
    @endif

</div>