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

@php
    $taAktifTbl = \App\Models\TahunAjaran::where('status_akademik', 'aktif')->first();
    $semAktifTbl = \App\Models\Semester::where('is_active', true)->first();
    
    $filterNilaiTa = request('nilai_ta_id', request('jadwal_ta_id', $taAktifTbl->id ?? null));
    $filterNilaiSem = request('nilai_sem_id', request('jadwal_sem_id', $semAktifTbl->id ?? null));

    $mapelSiswa = collect();
    if ($siswa->kelas_id && $filterNilaiTa && $filterNilaiSem) {
        $jadwalSiswa = \App\Models\JadwalMapel::with(['guruMapel.mapel', 'guruMapel.guru'])
            ->where('kelas_id', $siswa->kelas_id)
            ->where('tahun_ajaran_id', $filterNilaiTa)
            ->where('semester_id', $filterNilaiSem)
            ->whereNotNull('guru_mapel_id')
            ->get();

        $siswaGenderAlias = ($siswa->jenis_kelamin == 'L') ? 'Putra' : 'Putri';
        
        $mapelSiswa = $jadwalSiswa->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;
        })->unique('guru_mapel_id');
    }
@endphp

<div class="card shadow-sm border-0 border-top border-primary" style="border-top-width: 4px !important;">
    <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center border-bottom">
        <h5 class="mb-0 fw-bold text-primary"><i class="bi bi-journal-text me-2"></i>Rekapitulasi Nilai Siswa</h5>
    </div>
    
    <div class="card-body">
        <div class="row mb-4 align-items-center">
            <div class="col-md-12 col-lg-8">
                <form action="{{ url()->current() }}" method="GET" class="d-flex flex-wrap gap-2 align-items-center m-0">
                    <input type="hidden" name="tab" value="nilai"> 
                    
                    <span class="text-muted fw-bold" style="font-size: 13px;"><i class="bi bi-funnel me-1"></i> Filter:</span>
                    
                    <select name="nilai_ta_id" class="form-select form-select-sm w-auto shadow-none" onchange="this.form.submit()">
                        <option value="">-- Tahun Ajaran --</option>
                        @if(isset($tahunAjarans))
                            @foreach($tahunAjarans as $ta)
                                <option value="{{ $ta->id }}" {{ $filterNilaiTa == $ta->id ? 'selected' : '' }}>
                                    {{ $ta->tahun_ajaran }} {{ $ta->status_akademik == 'aktif' ? '(Aktif)' : '' }}
                                </option>
                            @endforeach
                        @endif
                    </select>

                    @php $semesters = \App\Models\Semester::all(); @endphp
                    <select name="nilai_sem_id" class="form-select form-select-sm w-auto shadow-none" onchange="this.form.submit()">
                        @foreach($semesters as $sem)
                            <option value="{{ $sem->id }}" {{ $filterNilaiSem == $sem->id ? 'selected' : '' }}>
                                {{ $sem->nama }}
                            </option>
                        @endforeach
                    </select>
                    
                    <noscript>
                        <button type="submit" class="btn btn-secondary btn-sm"><i class="bi bi-search"></i> Tampilkan</button>
                    </noscript>
                </form>
            </div>
            
            <div class="col-md-12 col-lg-4 text-lg-end mt-3 mt-lg-0">
                <button class="btn btn-sm btn-outline-success fw-bold" onclick="alert('Fitur Cetak Excel sedang dikembangkan')">
                    <i class="bi bi-file-earmark-excel me-1"></i> Export Excel
                </button>
                <button class="btn btn-sm btn-outline-danger fw-bold ms-1" onclick="alert('Fitur Cetak PDF sedang dikembangkan')">
                    <i class="bi bi-file-earmark-pdf me-1"></i> Cetak Raport
                </button>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle" style="font-size: 14px;">
                <thead class="table-light text-center align-middle">
                    <tr>
                        <th rowspan="2" width="5%">No</th>
                        <th rowspan="2" width="22%">Mata Pelajaran</th>
                        <th colspan="4" class="bg-primary bg-opacity-10">Komponen Nilai</th>
                        <th rowspan="2" width="10%" class="bg-success bg-opacity-10 text-success">Total</th>
                        <th rowspan="2" width="8%" class="bg-success bg-opacity-10 text-success">Grade</th>
                        
                        @if(Auth::user()->role === 'admin')
                            <th rowspan="2" width="10%">Aksi</th>
                        @endif
                    </tr>
                    <tr>
                        <th width="8%" class="bg-primary bg-opacity-10 text-muted" title="Nilai Kehadiran (10%)">Hadir</th>
                        <th width="8%" class="bg-primary bg-opacity-10 text-muted" title="Nilai Tugas (20%)">Tugas</th>
                        <th width="8%" class="bg-primary bg-opacity-10 text-muted" title="Nilai Ujian Tengah Semester (30%)">UTS</th>
                        <th width="8%" class="bg-primary bg-opacity-10 text-muted" title="Nilai Ujian Akhir Semester (40%)">UAS</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($mapelSiswa as $jadwal)
                        @php
                            $guruMapelId = $jadwal->guru_mapel_id;
                            $namaMapel = $jadwal->guruMapel->mapel->nama_mapel ?? 'Mapel Tidak Diketahui';
                            $namaGuru = $jadwal->guruMapel->guru->nama_lengkap ?? '-';
                            
                            $nilai = \App\Models\Nilai::where('siswa_id', $siswa->id)
                                        ->where('guru_mapel_id', $guruMapelId)
                                        ->where('tahun_ajaran_id', $filterNilaiTa)
                                        ->where('semester_id', $filterNilaiSem)
                                        ->first();
                        @endphp
                        <tr>
                            <td class="text-center">{{ $loop->iteration }}</td>
                            <td>
                                <span class="fw-bold d-block text-primary">{{ $namaMapel }}</span>
                                <small class="text-muted">{{ $namaGuru }}</small>
                            </td>
                            
                            @if($nilai)
                                <td class="text-center">{{ rtrim(rtrim($nilai->nilai_kehadiran, '0'), '.') }}</td>
                                <td class="text-center">{{ rtrim(rtrim($nilai->nilai_tugas, '0'), '.') }}</td>
                                <td class="text-center">{{ rtrim(rtrim($nilai->nilai_uts, '0'), '.') }}</td>
                                <td class="text-center">{{ rtrim(rtrim($nilai->nilai_uas, '0'), '.') }}</td>
                                <td class="text-center fw-bold text-success fs-6">{{ rtrim(rtrim($nilai->total_nilai, '0'), '.') }}</td>
                                <td class="text-center fw-bold fs-6 {{ $nilai->grade == 'A' ? 'text-primary' : ($nilai->grade == 'B' ? 'text-success' : ($nilai->grade == 'C' ? 'text-warning' : 'text-danger')) }}">
                                    {{ $nilai->grade }}
                                </td>
                                
                                @if(Auth::user()->role === 'admin')
                                <td class="text-center">
                                    <div class="d-flex justify-content-center gap-1">
                                        <button class="btn btn-sm btn-outline-warning py-1 px-2" 
                                                onclick="bukaModalInputNilai({{ $guruMapelId }}, '{{ addslashes($namaMapel) }} - {{ addslashes($namaGuru) }}', {{ $nilai->nilai_kehadiran }}, {{ $nilai->nilai_tugas }}, {{ $nilai->nilai_uts }}, {{ $nilai->nilai_uas }})" 
                                                title="Edit Nilai">
                                            <i class="bi bi-pencil-square"></i>
                                        </button>
                                        
                                        <form action="{{ route('admin.nilai.destroy', $nilai->id) }}" method="POST" class="d-inline form-hapus-nilai">
                                            @csrf @method('DELETE')
                                            <button type="button" class="btn btn-sm btn-outline-danger py-1 px-2 btn-hapus-nilai" title="Hapus Nilai">
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                                @endif
                            @else
                                <td class="text-center text-muted fst-italic">-</td>
                                <td class="text-center text-muted fst-italic">-</td>
                                <td class="text-center text-muted fst-italic">-</td>
                                <td class="text-center text-muted fst-italic">-</td>
                                <td class="text-center text-muted fst-italic">-</td>
                                <td class="text-center text-muted fst-italic">-</td>
                                
                                @if(Auth::user()->role === 'admin')
                                <td class="text-center">
                                    <button class="btn btn-sm btn-primary py-1 px-2 shadow-sm" 
                                            onclick="bukaModalInputNilai({{ $guruMapelId }}, '{{ addslashes($namaMapel) }} - {{ addslashes($namaGuru) }}', '', '', '', '')" 
                                            title="Input Nilai">
                                        <i class="bi bi-plus-circle"></i> Input
                                    </button>
                                </td>
                                @endif
                            @endif
                        </tr>
                    @empty
                        <tr>
                            <td colspan="{{ Auth::user()->role === 'admin' ? 9 : 8 }}" class="text-center py-5 text-muted">
                                <i class="bi bi-journal-x fs-1 d-block mb-3 opacity-25"></i>
                                <span class="d-block fw-bold mb-1 text-dark">Data Mata Pelajaran Belum Tersedia</span>
                                <span style="font-size: 13px;">Siswa ini belum memiliki jadwal mata pelajaran pada Tahun Ajaran dan Semester yang dipilih.</span>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        
    </div>
</div>

@if(Auth::user()->role === 'admin')
<div class="modal fade" id="modalInputNilai" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form action="{{ route('admin.nilai.store_or_update') }}" method="POST">
            @csrf
            {{-- Hidden Inputs --}}
            <input type="hidden" name="siswa_id" value="{{ $siswa->id }}">
            <input type="hidden" name="tahun_ajaran_id" value="{{ $filterNilaiTa }}">
            <input type="hidden" name="semester_id" value="{{ $filterNilaiSem }}">
            <input type="hidden" name="guru_mapel_id" id="input_nilai_mapel_id" value="">

            <div class="modal-content border-0 shadow">
                <div class="modal-header border-bottom-0 bg-light">
                    <h5 class="modal-title fw-bold text-primary"><i class="bi bi-pencil-square me-2"></i> Form Input Nilai Siswa</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-4">
                    
                    <div class="mb-4">
                        <label class="form-label fw-medium text-muted mb-1" style="font-size: 12px;">MATA PELAJARAN</label>
                        <input type="text" id="input_nilai_nama_mapel" class="form-control bg-light fw-bold text-dark border-secondary" readonly>
                    </div>

                    <div class="row g-3 mb-4">
                        <div class="col-6">
                            <label class="form-label fw-medium">Nilai Kehadiran <span class="text-danger">*</span></label>
                            <input type="number" id="n_hadir" name="nilai_kehadiran" class="form-control kalkulasi-nilai" min="0" max="100" step="any" placeholder="0-100" required>
                            <div class="form-text" style="font-size:11px;">Bobot 10%</div>
                        </div>
                        <div class="col-6">
                            <label class="form-label fw-medium">Nilai Tugas <span class="text-danger">*</span></label>
                            <input type="number" id="n_tugas" name="nilai_tugas" class="form-control kalkulasi-nilai" min="0" max="100" step="any" placeholder="0-100" required>
                            <div class="form-text" style="font-size:11px;">Bobot 20%</div>
                        </div>
                        <div class="col-6">
                            <label class="form-label fw-medium">Nilai UTS <span class="text-danger">*</span></label>
                            <input type="number" id="n_uts" name="nilai_uts" class="form-control kalkulasi-nilai border-warning" min="0" max="100" step="any" placeholder="0-100" required>
                            <div class="form-text" style="font-size:11px;">Bobot 30%</div>
                        </div>
                        <div class="col-6">
                            <label class="form-label fw-medium">Nilai UAS <span class="text-danger">*</span></label>
                            <input type="number" id="n_uas" name="nilai_uas" class="form-control kalkulasi-nilai border-danger" min="0" max="100" step="any" placeholder="0-100" required>
                            <div class="form-text" style="font-size:11px;">Bobot 40%</div>
                        </div>
                    </div>

                    <div class="p-3 bg-success bg-opacity-10 border border-success rounded-3">
                        <div class="row text-center">
                            <div class="col-6 border-end border-success">
                                <span class="d-block text-success fw-bold" style="font-size: 12px;">TOTAL NILAI ANGKA</span>
                                <span class="fs-3 fw-bold text-dark" id="display_total">0</span>
                            </div>
                            <div class="col-6">
                                <span class="d-block text-success fw-bold" style="font-size: 12px;">GRADE (HURUF)</span>
                                <span class="fs-3 fw-bold text-dark" id="display_grade">-</span>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="modal-footer bg-light border-top-0 d-flex justify-content-between">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary fw-bold"><i class="bi bi-save me-1"></i> Simpan Nilai</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script>
    function bukaModalInputNilai(guruMapelId, namaMapel, hadir, tugas, uts, uas) {
        document.getElementById('input_nilai_mapel_id').value = guruMapelId;
        document.getElementById('input_nilai_nama_mapel').value = namaMapel;
        
        document.getElementById('n_hadir').value = hadir;
        document.getElementById('n_tugas').value = tugas;
        document.getElementById('n_uts').value = uts;
        document.getElementById('n_uas').value = uas;

        kalkulasiOtomatis();

        var modal = new bootstrap.Modal(document.getElementById('modalInputNilai'));
        modal.show();
    }

    document.querySelectorAll('.kalkulasi-nilai').forEach(item => {
        item.addEventListener('input', kalkulasiOtomatis);
    });

    function kalkulasiOtomatis() {
        let hadir = parseFloat(document.getElementById('n_hadir').value) || 0;
        let tugas = parseFloat(document.getElementById('n_tugas').value) || 0;
        let uts = parseFloat(document.getElementById('n_uts').value) || 0;
        let uas = parseFloat(document.getElementById('n_uas').value) || 0;

        let total = (hadir * 0.10) + (tugas * 0.20) + (uts * 0.30) + (uas * 0.40);
        document.getElementById('display_total').innerText = total > 0 ? parseFloat(total.toFixed(1)) : '0';

        let grade = '-';
        if (total > 0) {
            if (total >= 85) grade = 'A';
            else if (total >= 70) grade = 'B';
            else if (total >= 55) grade = 'C';
            else if (total >= 40) grade = 'D';
            else grade = 'E';
        }

        const displayGradeEl = document.getElementById('display_grade');
        displayGradeEl.innerText = grade;
        
        displayGradeEl.className = 'fs-3 fw-bold';
        if(grade == 'A') displayGradeEl.classList.add('text-primary');
        else if(grade == 'B') displayGradeEl.classList.add('text-success');
        else if(grade == 'C') displayGradeEl.classList.add('text-warning');
        else if(grade == 'D' || grade == 'E') displayGradeEl.classList.add('text-danger');
        else displayGradeEl.classList.add('text-dark');
    }

    document.querySelectorAll('.btn-hapus-nilai').forEach(button => {
        button.addEventListener('click', function(e) {
            e.preventDefault();
            const form = this.closest('.form-hapus-nilai');
            
            Swal.fire({
                title: 'Hapus Nilai Ini?',
                text: "Data nilai akademik tidak dapat dikembalikan setelah dihapus!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Ya, Hapus!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    form.submit();
                }
            });
        });
    });
</script>
@endif