{{-- resources/views/public/guru/absensi_kbm_show_siswa.blade.php --}}

@if($groupedJadwals->count() > 0)
    
    @if(!$allJurnalFilled)
        <div class="alert alert-warning border-0 shadow-sm mb-4 d-flex align-items-center rounded-4" style="background-color: #fff8e5;">
            <i class="fas fa-lock fa-2x me-3 text-warning"></i>
            <div>
                <h5 class="fw-bold mb-1 text-dark">Form Absensi Siswa Terkunci</h5>
                <p class="mb-0 text-dark small">Tabel daftar siswa di bawah ini dalam mode <strong>"Hanya Lihat"</strong> (Read-Only). Silakan lengkapi dan klik tombol <strong>"Simpan Jurnal Mengajar"</strong> di atas terlebih dahulu untuk membuka kunci agar Anda dapat mengisi kehadiran siswa.</p>
            </div>
        </div>
    @endif

    <form method="POST" action="{{ route('guru.absensi_kbm.store') }}" id="formAbsensiMassal">
        @csrf
        <input type="hidden" name="tanggal" id="globalTanggal" value="{{ $selectedDate }}">
        <input type="hidden" name="kelas_id" id="globalKelasId" value="{{ $kela->id }}">

        <div class="card card-round shadow-sm border-0 rounded-4 overflow-hidden mb-4">
            <div class="card-header bg-dark text-white py-3">
                <div class="d-flex justify-content-between align-items-center flex-wrap">
                    <div class="card-title text-white m-0">
                        <i class="fa fa-users me-2"></i> Daftar Absensi Siswa: <strong>{{ $namaHari }}, {{ \Carbon\Carbon::parse($selectedDate)->translatedFormat('d F Y') }}</strong>
                    </div>
                </div>
            </div>
            
            <div class="card-body p-0 bg-white">
                <div class="table-responsive">
                    <table class="table table-bordered table-hover align-middle mb-0 {{ !$allJurnalFilled ? 'opacity-75' : '' }}">
                        <thead class="table-light text-center align-middle">
                            <tr>
                                <th width="3%">No</th>
                                <th width="20%">Identitas Siswa</th>
                                <th width="20%">Mata Pelajaran & Info</th>
                                <th width="20%">Jurnal Mengajar</th>
                                <th width="15%">Status Hadir</th>
                                <th width="15%">Keterangan</th>
                                <th width="7%">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($siswas as $index => $siswa)
                                @php $jadwalCount = $groupedJadwals->count() ?: 1; @endphp
                                @php $jIndex = 0; @endphp
                                @foreach($groupedJadwals as $mapelId => $jadwalGroup)
                                    @php
                                        $firstJadwal = $jadwalGroup->first();
                                        $rec = $absensiData[$siswa->id][$mapelId] ?? null;
                                        $statusTerpilih = $rec ? $rec->status : 'Hadir'; 
                                        $keterangan = $rec ? $rec->keterangan : '';
                                        
                                        $jamTeks = '';
                                        foreach($jadwalGroup as $j) {
                                            $wMulai = date('H:i', strtotime($j->jamPelajaran->waktu_mulai ?? '00:00'));
                                            $wSelesai = date('H:i', strtotime($j->jamPelajaran->waktu_selesai ?? '00:00'));
                                            $jamTeks .= '<div class="mb-1"><span class="badge bg-light text-dark border me-1">Jam '.$j->jamPelajaran->jam_ke.'</span> <small class="text-muted">('.$wMulai.' - '.$wSelesai.')</small></div>';
                                        }

                                        $jurnalTersimpan = $jurnals->get($mapelId);
                                    @endphp
                                    <tr id="row-{{ $siswa->id }}-{{ $mapelId }}">
                                        @if($jIndex === 0)
                                            <td rowspan="{{ $jadwalCount }}" class="text-center align-middle">{{ $index + 1 }}</td>
                                            <td rowspan="{{ $jadwalCount }}" class="align-middle">
                                                <div class="d-flex align-items-center">
                                                    <img src="{{ $siswa->img ? asset('uploads/siswa/'.$siswa->img) : asset('kaiadmin/assets/img/iconuser.png') }}" class="avatar-sm rounded-circle me-3 border" style="width:45px; height:45px; object-fit:cover;">
                                                    <div>
                                                        <div class="fw-bold text-primary">{{ $siswa->name }}</div>
                                                        <small class="text-muted"><i class="fa fa-id-card me-1"></i> {{ $siswa->nis ?? '-' }}</small>
                                                    </div>
                                                </div>
                                            </td>
                                        @endif
                                        
                                        <td class="px-3 align-middle">
                                            <div class="fw-bold text-danger mb-2"><i class="fa fa-book me-1"></i> {{ $firstJadwal->mapel->mapelNama->nama_mapel ?? '-' }}</div>
                                            <div>{!! $jamTeks !!}</div>
                                        </td>

                                        <td class="px-3 align-middle bg-light">
                                            <div class="small">
                                                <div class="mb-1"><i class="fas fa-user-tie text-muted me-1"></i> <strong>Guru:</strong> <span class="{{ $jurnalTersimpan ? 'text-success' : 'text-danger fst-italic' }}">{{ $jurnalTersimpan?->statusAbsensi?->nama_status ?? 'Belum Diisi' }}</span></div>
                                                <div class="mb-1"><i class="fas fa-laptop-house text-muted me-1"></i> <strong>Mode:</strong> <span class="text-dark">{{ $jurnalTersimpan?->bentuk_pembelajaran ?? 'Belum Diisi' }}</span></div>
                                                
                                                <div class="mt-1 d-flex">
                                                    <i class="fas fa-book-open text-muted me-1 mt-1"></i> 
                                                    <div>
                                                        <strong>Materi:</strong> 
                                                        <span class="text-primary lh-sm d-block">{{ $jurnalTersimpan?->materi_pembelajaran ?? 'Belum Diisi' }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>

                                        <td class="px-2 align-middle text-center">
                                            <input type="hidden" name="absensi[{{ $siswa->id }}][{{ $mapelId }}][jadwal_ids]" class="input-jadwals" value="{{ $jadwalGroup->pluck('id')->first() }}">
                                            <input type="hidden" name="absensi[{{ $siswa->id }}][{{ $mapelId }}][mapel_id]" class="input-mapel" value="{{ $mapelId }}">
                                            <input type="hidden" name="absensi[{{ $siswa->id }}][{{ $mapelId }}][guru_id]" class="input-guru" value="{{ $firstJadwal->guru_id }}">
                                            
                                            <div class="d-flex flex-nowrap gap-1 justify-content-center btn-group-status" role="group">
                                                @foreach($statusEnum as $status)
                                                    @php
                                                        $colorClass = 'outline-secondary';
                                                        if($status == 'Hadir') $colorClass = 'outline-success';
                                                        elseif($status == 'Sakit') $colorClass = 'outline-warning';
                                                        elseif($status == 'Ijin') $colorClass = 'outline-info';
                                                        elseif($status == 'Alfa') $colorClass = 'outline-danger';
                                                    @endphp
                                                    {{-- Disabled input jika jurnal belum disubmit --}}
                                                    <input type="radio" class="btn-check input-status" name="absensi[{{ $siswa->id }}][{{ $mapelId }}][status]" id="status-{{ $siswa->id }}-{{ $mapelId }}-{{ $status }}" value="{{ $status }}" autocomplete="off" {{ $statusTerpilih == $status ? 'checked' : '' }} {{ !$allJurnalFilled ? 'disabled' : '' }}>
                                                    <label class="btn btn-sm btn-{{ $colorClass }} px-2 py-1 shadow-none" for="status-{{ $siswa->id }}-{{ $mapelId }}-{{ $status }}" data-bs-toggle="tooltip" title="{{ $status }}" style="{{ !$allJurnalFilled ? 'cursor: not-allowed; opacity: 0.6;' : '' }}">{{ substr($status, 0, 1) }}</label>
                                                @endforeach
                                            </div>
                                        </td>

                                        <td class="px-2 align-middle">
                                            <input type="text" name="absensi[{{ $siswa->id }}][{{ $mapelId }}][keterangan]" class="form-control form-control-sm input-ket border-secondary-subtle" value="{{ $keterangan }}" placeholder="Catatan..." {{ !$allJurnalFilled ? 'disabled' : '' }}>
                                        </td>

                                        <td class="text-center px-1 align-middle">
                                            <button type="button" class="btn btn-icon btn-sm {{ !$allJurnalFilled ? 'btn-secondary disabled' : 'btn-primary btn-save-row' }} btn-round shadow-sm" data-siswa="{{ $siswa->id }}" data-mapel="{{ $mapelId }}" {{ !$allJurnalFilled ? 'disabled' : '' }}>
                                                <i class="fa fa-save"></i>
                                            </button>
                                        </td>
                                    </tr>
                                    @php $jIndex++; @endphp
                                @endforeach
                            @empty
                                <tr><td colspan="7" class="text-center py-5">Belum ada siswa di Rombel ini.</td></tr>
                            @endforelse 
                        </tbody>
                    </table>
                </div>
            </div>
            
            @if($allJurnalFilled && $siswas->count() > 0)
            <div class="card-footer bg-light text-end p-3 border-top">
                <button type="submit" class="btn btn-primary btn-round btn-lg shadow-sm fw-bold"><i class="fa fa-save me-2"></i> Simpan Massal Hari Ini</button>
            </div>
            @endif
        </div>
    </form>
@endif