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

@php
    $semesters = \App\Models\Semester::orderBy('nama', 'asc')->get();

    $filterTa = request('jadwal_ta_id', $siswa->tahun_ajaran_id);
    $filterSem = request('jadwal_sem_id', \App\Models\Semester::where('is_active', true)->first()->id ?? null);

    $jadwalSiswa = collect();
    if ($siswa->kelas_id && $filterTa && $filterSem) {
        $jadwalSiswa = \App\Models\JadwalMapel::with(['guruMapel.guru', 'guruMapel.mapel'])
            ->where('kelas_id', $siswa->kelas_id)
            ->where('tahun_ajaran_id', $filterTa)
            ->where('semester_id', $filterSem)
            ->orderBy('jam_mulai', 'asc')
            ->get()
            ->groupBy('hari'); 
    }

    $siswaGenderAlias = ($siswa->jenis_kelamin == 'L') ? 'Putra' : 'Putri';
    $hariArr = ['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Ahad']; 
@endphp

<div class="card border-0 shadow-sm border-top border-primary" style="border-top-width: 4px !important;">
    <div class="card-body p-4">
        <div class="d-flex justify-content-between align-items-center flex-wrap gap-3 mb-4 border-bottom pb-3">
            <h5 class="fw-bold text-primary mb-0 d-flex align-items-center">
                <i class="bi bi-calendar3 me-2"></i> 
                Jadwal Mata Pelajaran
            </h5>
            
            <form action="{{ url()->current() }}" method="GET" class="d-flex align-items-center gap-2 m-0 bg-light p-1 rounded-3 border">
                <input type="hidden" name="tab" value="jadwal">

                <div class="d-flex align-items-center">
                    <i class="bi bi-funnel text-muted ms-2 me-1"></i>
                    <select name="jadwal_ta_id" class="form-select form-select-sm border-0 shadow-none fw-medium text-dark bg-transparent" onchange="this.form.submit()" style="min-width: 150px;">
                        @if(isset($tahunAjarans))
                            @foreach($tahunAjarans as $ta)
                                <option value="{{ $ta->id }}" {{ $filterTa == $ta->id ? 'selected' : '' }}>
                                    {{ $ta->tahun_ajaran }} {{ $ta->status_akademik == 'aktif' ? '(Aktif)' : '' }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div>
                
                <div class="vr bg-secondary opacity-25"></div>
                
                <select name="jadwal_sem_id" class="form-select form-select-sm border-0 shadow-none fw-medium text-dark bg-transparent" onchange="this.form.submit()" style="min-width: 110px;">
                    @foreach($semesters as $sem)
                        <option value="{{ $sem->id }}" {{ $filterSem == $sem->id ? 'selected' : '' }}>
                            {{ $sem->nama }} {{ $sem->is_active ? '(Aktif)' : '' }}
                        </option>
                    @endforeach
                </select>
            </form>
        </div>

        @if(!$siswa->kelas_id)
            <div class="text-center py-5 text-muted">
                <i class="bi bi-calendar-x fs-1 d-block mb-3 opacity-50"></i>
                <h6 class="fw-bold">Belum Ada Kelas</h6>
                <p class="mb-0 text-sm">Siswa ini belum dimasukkan ke dalam ruang kelas. <br> Jadwal tidak dapat ditampilkan.</p>
            </div>
        @else
            <div class="row g-3">
                @foreach($hariArr as $hari)
                    <div class="col-md-6 col-lg-4 col-xl-3">
                        <div class="card h-100 border shadow-none bg-light">
                            <div class="card-header py-2 bg-secondary text-white fw-bold text-center">
                                {{ strtoupper($hari) }}
                            </div>
                            <div class="card-body p-2" style="font-size: 13px;">
                                
                                @php
                                    $jadwalHariIni = collect();
                                    if(isset($jadwalSiswa[$hari])) {
                                        $jadwalHariIni = $jadwalSiswa[$hari]->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;
                                        });
                                    }
                                @endphp

                                @if($jadwalHariIni->count() > 0)
                                    @foreach($jadwalHariIni as $jdwl)
                                        @php
                                            $borderColor = 'border-warning';
                                            if($jdwl->guru_mapel_id) {
                                                $tgtAlias = ($jdwl->target_gender == 'Laki-laki' || $jdwl->target_gender == 'Putra') ? 'Putra' : (($jdwl->target_gender == 'Perempuan' || $jdwl->target_gender == 'Putri') ? 'Putri' : 'Campur');
                                                $borderColor = $tgtAlias == 'Putra' ? 'border-primary' : ($tgtAlias == 'Putri' ? 'border-danger' : 'border-secondary');
                                            }
                                        @endphp

                                        <div class="bg-white p-2 rounded mb-2 position-relative shadow-sm border-start {{ $borderColor }} border-3">
                                            <div class="mb-1">
                                                <span class="badge bg-success text-white"><i class="bi bi-clock me-1"></i> {{ substr($jdwl->jam_mulai, 0, 5) }} - {{ substr($jdwl->jam_selesai, 0, 5) }}</span>
                                            </div>
                                            
                                            @if($jdwl->guru_mapel_id)
                                                <div class="fw-bold text-dark text-truncate" title="{{ $jdwl->guruMapel->mapel->nama_mapel }}">{{ $jdwl->guruMapel->mapel->nama_mapel }}</div>
                                                <div class="text-muted text-truncate" style="font-size: 11px;" title="{{ $jdwl->guruMapel->guru->nama_lengkap }}"><i class="bi bi-person-video3 me-1"></i> {{ $jdwl->guruMapel->guru->nama_lengkap }}</div>
                                            @else
                                                <div class="fw-bold text-warning text-truncate"><i class="bi bi-cup-hot me-1"></i> {{ $jdwl->keterangan ?? 'Waktu Khusus' }}</div>
                                                <div class="text-muted text-truncate" style="font-size: 11px;">Non-KBM (Umum)</div>
                                            @endif
                                        </div>
                                    @endforeach
                                @else
                                    <div class="text-center text-muted py-3 fst-italic opacity-50">Kosong</div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif

    </div>
</div>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        const urlParams = new URLSearchParams(window.location.search);
        if (urlParams.has('jadwal_ta_id') || urlParams.get('tab') === 'jadwal') {
            const jadwalTabEl = document.querySelector('#tab-main-jadwal');
            if(jadwalTabEl) {
                const tab = new bootstrap.Tab(jadwalTabEl);
                tab.show();
            }
        }
    });
</script>