{{-- resources/views/admin/akademik/kelas/_sidebar.blade.php --}}

<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-calendar-alt me-2"></i>
            <span class="fw-bold text-uppercase" style="font-size: 0.85rem; letter-spacing: 0.5px;">
                Tahun Ajaran
            </span>
        </div>
    </div>

    <div class="card-body p-0">
        <div class="accordion accordion-flush" id="accordionTahunAjaran">

            @forelse($tahunAjarans as $ta)
                @php
                    $collapseId = 'collapse-ta-' . $ta->id;
                    
                    $isTaAktif = request('tahun_ajaran') == $ta->id;
                @endphp

                <div class="accordion-item border-bottom">
                    <h2 class="accordion-header">
                        <button class="accordion-button {{ $isTaAktif ? '' : 'collapsed' }} py-2 px-3 shadow-none" 
                                type="button" 
                                data-bs-toggle="collapse" 
                                data-bs-target="#{{ $collapseId }}"
                                style="font-size: 0.85rem; font-weight: 600;">
                            {{ $ta->tahun_ajaran }}
                        </button>
                    </h2>

                    <div id="{{ $collapseId }}" 
                         class="accordion-collapse collapse {{ $isTaAktif ? 'show' : '' }}" 
                         data-bs-parent="#accordionTahunAjaran">
                        
                        <div class="list-group list-group-flush">
                            
                            <a href="{{ route('admin.kelas.index', ['tahun_ajaran' => $ta->id]) }}" 
                               class="list-group-item list-group-item-action py-1 px-3 d-flex justify-content-between align-items-center {{ ($isTaAktif && !request('semester')) ? 'bg-light text-primary fw-bold border-start border-primary border-3' : 'text-muted' }}"
                               style="font-size: 0.8rem; {{ ($isTaAktif && !request('semester')) ? 'background-color: #f8f9fa;' : '' }}">
                                <span>
                                    @if($isTaAktif && !request('semester'))
                                        <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
                                    Semua Semester
                                </span>
                            </a>

                            @foreach($semesters as $semester)
                                @php
                                    $isSemesterAktif = $isTaAktif && request('semester') == $semester->id;
                                @endphp
                                
                                <a href="{{ route('admin.kelas.index', [
                                        'tahun_ajaran' => $ta->id,
                                        'semester'     => $semester->id
                                   ]) }}" 
                                   class="list-group-item list-group-item-action py-1 px-3 d-flex justify-content-between align-items-center {{ $isSemesterAktif ? 'bg-light text-primary fw-bold border-start border-primary border-3' : 'text-muted' }}"
                                   style="font-size: 0.8rem; {{ $isSemesterAktif ? 'background-color: #f8f9fa;' : '' }}">
                                    <span>
                                        @if($isSemesterAktif)
                                            <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
                                        {{ $semester->semester }}
                                    </span>
                                </a>
                            @endforeach

                        </div>
                    </div>
                </div>
            @empty
                <div class="text-muted small text-center py-3 fst-italic">
                    Data tahun ajaran belum tersedia.
                </div>
            @endforelse

        </div>
    </div>
</div>