{{-- resources/views/public/guru/absensi_kbm_show_rekap.blade.php --}}
<div class="card card-round shadow-sm border-0 rounded-4 overflow-hidden">
    <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-chart-bar me-2"></i> Rekapitulasi: <strong>{{ ucfirst($activeTab) }} {{ $activeTab == 'semester' ? $kela->semester?->semester : '' }}</strong>
                @if($activeTab != 'semester')
                 - Berdasarkan tanggal: {{ \Carbon\Carbon::parse($selectedDate)->translatedFormat('d M Y') }}
                @endif
            </div>
            @if($activeTab != 'semester')
            <div class="d-flex mt-2 mt-md-0 align-items-center">
                <span class="small me-2">Ganti Acuan Tanggal:</span>
                <input type="date" class="form-control form-control-sm text-center fw-bold text-dark" 
                       value="{{ $selectedDate }}" onchange="window.location.href='{{ route('guru.absensi_kbm.show', $kela->id) }}?tab={{ $activeTab }}&tanggal='+this.value">
            </div>
            @endif
        </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">
                <thead class="table-light text-center align-middle">
                    <tr>
                        <th width="3%" rowspan="2">No</th>
                        <th width="20%" rowspan="2">Identitas Siswa</th>
                        <th width="25%" rowspan="2">Mata Pelajaran & Materi</th>
                        <th colspan="5" class="bg-light">Total Kehadiran</th>
                        <th width="15%" rowspan="2">Catatan</th>
                    </tr>
                    <tr>
                        <th width="5%" class="text-success"><i class="fa fa-check-circle"></i> H</th>
                        <th width="5%" class="text-warning"><i class="fa fa-plus-square"></i> S</th>
                        <th width="5%" class="text-info"><i class="fa fa-envelope"></i> I</th>
                        <th width="5%" class="text-danger"><i class="fa fa-times-circle"></i> A</th>
                        <th width="5%" class="text-secondary"><i class="fa fa-running"></i> D</th>
                    </tr>
                </thead>
                <tbody>
                    @php $groupedJadwals = $jadwals->groupBy('mapel_id'); @endphp
                    @forelse ($siswas as $index => $siswa)
                        @php $jadwalCount = $groupedJadwals->count() ?: 1; @endphp
                        @if($groupedJadwals->count() > 0)
                            @php $jIndex = 0; @endphp
                            @foreach($groupedJadwals as $mapelId => $jadwalGroup)
                                @php
                                    $firstJadwal = $jadwalGroup->first();
                                    $r = $rekapData[$siswa->id][$mapelId] ?? ['Hadir' => 0, 'Sakit' => 0, 'Ijin' => 0, 'Alfa' => 0, 'Dispen' => 0, 'Keterangan' => []];
                                    $ketString = implode('<br>', array_unique($r['Keterangan']));

                                    $levelId = $kela->level_kelas_id ?? optional($kela->rombel)->level_kelas_id;
                                    $masterMapelId = optional($firstJadwal->mapel)->mapel_nama_id ?? $firstJadwal->mapel_id;

                                    $kurikulum = \App\Models\Akademik\Kurikulum::where('tahun_ajaran_id', $kela->tahun_ajaran_id)
                                                    ->where('level_kelas_id', $levelId)
                                                    ->where('mapel_id', $masterMapelId)->first();

                                    $materiHtml = '<span class="text-muted fst-italic small">Materi belum diatur di Kurikulum</span>';
                                    if($kurikulum) {
                                        $cpIds = \App\Models\Akademik\KurikulumCp::where('kurikulum_id', $kurikulum->id)->pluck('id');
                                        $atps = \App\Models\Akademik\KurikulumAtp::whereIn('kurikulum_cp_id', $cpIds)->orderBy('id', 'asc')->get();
                                        
                                        $materiListHTML = '';
                                        $urutan = 1; 
                                        
                                        foreach($atps as $atp) {
                                            $matArr = json_decode($atp->materi, true);
                                            if(is_array($matArr)) {
                                                foreach($matArr as $mat) {
                                                    $cleanM = strip_tags($mat);
                                                    if(!empty($cleanM)) {
                                                        $materiListHTML .= '<div class="mb-2 text-truncate" title="'.$cleanM.'"><span class="badge bg-primary shadow-sm me-1" style="width: 25px;">#'.$urutan.'</span> <span class="text-dark">'.$cleanM.'</span></div>';
                                                        $urutan++;
                                                    }
                                                }
                                            } else {
                                                $cleanM = strip_tags($atp->materi);
                                                if(!empty($cleanM) && $cleanM != 'null') {
                                                    $materiListHTML .= '<div class="mb-2 text-truncate" title="'.$cleanM.'"><span class="badge bg-primary shadow-sm me-1" style="width: 25px;">#'.$urutan.'</span> <span class="text-dark">'.$cleanM.'</span></div>';
                                                    $urutan++;
                                                }
                                            }
                                        }
                                        
                                        if(!empty($materiListHTML)) {
                                            $materiHtml = '<div class="text-start small overflow-auto pe-2" style="max-height: 110px; font-size: 0.75rem;">' . $materiListHTML . '</div>';
                                        } else {
                                            $materiHtml = '<span class="text-muted fst-italic small">Materi Kosong</span>';
                                        }
                                    }
                                @endphp
                                <tr>
                                    @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-top pt-3">
                                        <div class="fw-bold text-danger mb-2"><i class="fa fa-book me-1"></i> {{ $firstJadwal->mapel->mapelNama->nama_mapel ?? '-' }}</div>
                                        <div class="p-2 bg-light border border-secondary-subtle rounded-3">
                                            <span class="d-block small fw-bold text-primary mb-1 border-bottom pb-1">Materi Terdaftar:</span>
                                            {!! $materiHtml !!}
                                        </div>
                                    </td>

                                    <td class="text-center align-middle fw-bold {{ $r['Hadir'] > 0 ? 'text-success' : 'text-muted opacity-50' }}">{{ $r['Hadir'] }}</td>
                                    <td class="text-center align-middle fw-bold {{ $r['Sakit'] > 0 ? 'text-warning' : 'text-muted opacity-50' }}">{{ $r['Sakit'] }}</td>
                                    <td class="text-center align-middle fw-bold {{ $r['Ijin'] > 0 ? 'text-info' : 'text-muted opacity-50' }}">{{ $r['Ijin'] }}</td>
                                    <td class="text-center align-middle fw-bold {{ $r['Alfa'] > 0 ? 'text-danger' : 'text-muted opacity-50' }}">{{ $r['Alfa'] }}</td>
                                    <td class="text-center align-middle fw-bold {{ $r['Dispen'] > 0 ? 'text-secondary' : 'text-muted opacity-50' }}">{{ $r['Dispen'] }}</td>
                                    <td class="small px-2 text-muted align-middle">{!! $ketString ?: '-' !!}</td>
                                </tr>
                                @php $jIndex++; @endphp
                            @endforeach
                        @else
                            <tr>
                                <td class="text-center align-middle">{{ $index + 1 }}</td>
                                <td 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>
                                        </div>
                                    </div>
                                </td>
                                <td colspan="8" class="text-center text-muted py-4 italic">Belum ada Jadwal Mata Pelajaran di Rombel ini.</td>
                            </tr>
                        @endif
                    @empty
                        <tr><td colspan="10" class="text-center py-5">Belum ada siswa di Rombel ini.</td></tr>
                    @endforelse 
                </tbody>
            </table>
        </div>
    </div>
</div>