{{-- resources/views/public/guru/nilai_show_formatif.blade.php --}}
<div class="alert alert-light border-0 border-bottom m-0 py-2 px-3 small text-muted">
    <i class="fas fa-info-circle text-primary me-1"></i> Mode Formatif: Gunakan tabel ini untuk memasukkan nilai harian, tugas, sikap, UTS, dan UAS.
</div>
<div class="table-responsive">
    <table class="table table-bordered table-hover align-middle mb-0 bg-white">
        <thead class="table-light text-center align-middle">
            <tr>
                <th width="4%" class="py-3">No</th>
                <th width="26%" class="text-start px-3">Identitas Siswa</th>
                
                @foreach($jenisPenilaian as $jenis)
                    <th class="bg-light" style="min-width: 80px;">
                        <div class="fw-bold text-dark">{{ $jenis->nama_jenis }}</div>
                        <small class="text-muted fw-normal">({{ $jenis->bobot }}%)</small>
                    </th>
                @endforeach
                
                <th width="8%" class="bg-primary text-white shadow-sm border-primary">Total</th>
                <th width="12%">Keterangan</th>
                
                <th width="6%">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($siswas as $index => $siswa)
                <tr id="row-formatif-{{ $siswa->id }}-{{ $mapelId }}">
                    <td class="text-center align-middle fw-bold">{{ $index + 1 }}</td>
                    <td class="align-middle px-3">
                        <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 shadow-sm" style="width:45px; height:45px; object-fit:cover;">
                            <div class="lh-sm">
                                <div class="fw-bold text-primary mb-1">{{ $siswa->name }}</div>
                                <small class="text-muted"><i class="fa fa-id-card me-1 opacity-75"></i> NIPD: {{ $siswa->nipd ?? '-' }}</small>
                            </div>
                        </div>
                        <input type="hidden" name="nilai[{{ $siswa->id }}][{{ $mapelId }}][mapel_id]" class="input-mapel" value="{{ $mapelId }}">
                        <input type="hidden" name="nilai[{{ $siswa->id }}][{{ $mapelId }}][guru_id]" class="input-guru" value="{{ $firstJadwal->guru_id }}">
                    </td>

                    @foreach($jenisPenilaian as $jenis)
                        @php
                            $key = $siswa->id . '-' . $mapelId . '-' . $jenis->id;
                            $rawNilai = $nilaiData[$key]?->nilai ?? '';
                            $nilaiTampil = ($rawNilai !== '') ? (float) $rawNilai : '';
                        @endphp
                        <td class="p-2 align-middle text-center">
                            <input type="number" step="0.01" min="0" max="100" 
                                   class="form-control form-control-sm text-center fw-bold input-nilai input-nilai-formatif shadow-none border-secondary-subtle mx-auto" 
                                   style="max-width: 70px;" 
                                   data-jenis="{{ $jenis->id }}"
                                   data-bobot="{{ $jenis->bobot }}"
                                   value="{{ $nilaiTampil }}" placeholder="-">
                        </td>
                    @endforeach
                    
                    <td class="text-center align-middle bg-primary bg-opacity-10 border-primary border-opacity-25">
                        <span class="fw-bold text-primary fs-6 total-formatif-text">-</span>
                    </td>
                    <td class="text-center align-middle">
                        <span class="keterangan-formatif-text text-muted fst-italic">-</span>
                    </td>
                    
                    <td class="text-center px-1 align-middle bg-light border-start">
                        <button type="button" class="btn btn-icon btn-sm btn-success btn-round btn-save-row shadow-sm" 
                                data-siswa="{{ $siswa->id }}" data-mapel="{{ $mapelId }}" data-type="formatif"
                                data-bs-toggle="tooltip" title="Simpan Nilai Formatif">
                            <i class="fa fa-save"></i>
                        </button>
                    </td>
                </tr>
            @empty
                <tr><td colspan="100%" class="text-center py-5 text-muted">Belum ada siswa di kelas ini.</td></tr>
            @endforelse 
        </tbody>
    </table>
</div>