@extends('layouts.app')

@section('title', 'Input Nilai - ' . $matakuliah->nama . ' - SIAKAD')
@section('page-title', 'Input Nilai')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <div class="row align-items-center w-100">
                    <div class="col">
                        <h5 class="mb-0">Input Nilai: {{ $matakuliah->nama }}</h5>
                        <small class="text-muted">
                            {{ $matakuliah->kode }} | {{ $matakuliah->sks }} SKS | Semester {{ $matakuliah->semester }}
                        </small>
                    </div>
                    <div class="col-auto">
                        <a href="{{ route('admin.nilai.index') }}" class="btn btn-outline-secondary btn-sm">
                            <i class="bi bi-arrow-left me-1"></i>Kembali
                        </a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="alert alert-info mb-3">
                    <div class="row">
                        <div class="col-md-4">
                            <strong>Tahun Akademik:</strong>
                            <select id="tahunFilter" class="form-select form-select-sm mt-1" onchange="filterByTahun()">
                                <option value="">Semua Tahun</option>
                                @foreach($tahunList as $tahun)
                                    <option value="{{ $tahun->id }}" {{ request('tahun_id') == $tahun->id ? 'selected' : '' }}>
                                        {{ $tahun->tahun }} / {{ $tahun->semester }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-8">
                            <strong>Bobot Penilaian:</strong>
                            <div class="d-flex gap-3 mt-1">
                                <span>Tugas: {{ $bobot->tugas }}%</span>
                                <span>UTS: {{ $bobot->uts }}%</span>
                                <span>UAS: {{ $bobot->uas }}%</span>
                                <span>Presensi: {{ $bobot->presensi }}%</span>
                            </div>
                        </div>
                    </div>
                </div>

                @if($krsList->count() > 0)
                <form action="{{ route('admin.nilai.store', $matakuliah) }}{{ request('tahun_id') ? '?tahun_id=' . request('tahun_id') : '' }}" method="POST" id="nilaiForm">
                    @csrf
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th style="width: 80px;">No</th>
                                    <th>NIM</th>
                                    <th>Nama Mahasiswa</th>
                                    <th style="width: 70px;">Tugas<br><small class="text-muted">({{ $bobot->tugas }}%)</small></th>
                                    <th style="width: 70px;">UTS<br><small class="text-muted">({{ $bobot->uts }}%)</small></th>
                                    <th style="width: 70px;">UAS<br><small class="text-muted">({{ $bobot->uas }}%)</small></th>
                                    <th style="width: 70px;">Presensi<br><small class="text-muted">({{ $bobot->presensi }}%)</small></th>
                                    <th style="width: 70px;">Akhir</th>
                                    <th style="width: 70px;">Huruf</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($krsList as $index => $krs)
                                <tr>
                                    <td class="text-center">{{ $index + 1 }}</td>
                                    <td><span class="badge bg-dark">{{ $krs->mahasiswa->nim }}</span></td>
                                    <td><strong>{{ $krs->mahasiswa->nama }}</strong></td>
                                    <td>
                                        <input type="number" name="nilai[{{ $krs->id }}][tugas]"
                                            class="form-control form-control-sm text-center nilai-input"
                                            min="0" max="100" step="0.01"
                                            value="{{ $krs->nilai->tugas ?? old("nilai.{$krs->id}.tugas", 0) }}"
                                            data-krs-id="{{ $krs->id }}">
                                    </td>
                                    <td>
                                        <input type="number" name="nilai[{{ $krs->id }}][uts]"
                                            class="form-control form-control-sm text-center nilai-input"
                                            min="0" max="100" step="0.01"
                                            value="{{ $krs->nilai->uts ?? old("nilai.{$krs->id}.uts", 0) }}"
                                            data-krs-id="{{ $krs->id }}">
                                    </td>
                                    <td>
                                        <input type="number" name="nilai[{{ $krs->id }}][uas]"
                                            class="form-control form-control-sm text-center nilai-input"
                                            min="0" max="100" step="0.01"
                                            value="{{ $krs->nilai->uas ?? old("nilai.{$krs->id}.uas", 0) }}"
                                            data-krs-id="{{ $krs->id }}">
                                    </td>
                                    <td>
                                        <input type="number" name="nilai[{{ $krs->id }}][presensi]"
                                            class="form-control form-control-sm text-center nilai-input"
                                            min="0" max="100" step="0.01"
                                            value="{{ $krs->nilai->presensi ?? old("nilai.{$krs->id}.presensi", 0) }}"
                                            data-krs-id="{{ $krs->id }}">
                                    </td>
                                    <td class="text-center">
                                        <span id="akhir-{{ $krs->id }}" class="badge bg-secondary">
                                            {{ number_format($krs->nilai->nilai_akhir ?? 0, 1) }}
                                        </span>
                                    </td>
                                    <td class="text-center">
                                        <span id="huruf-{{ $krs->id }}" class="badge {{ $krs->nilai ? 'bg-' . HurufBadge($krs->nilai->huruf) : 'bg-secondary' }}">
                                            {{ $krs->nilai->huruf ?? '-' }}
                                        </span>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="d-flex gap-2 mt-3">
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-check-lg me-2"></i>Simpan Nilai
                        </button>
                        <button type="button" class="btn btn-outline-primary" onclick="resetNilai()">
                            <i class="bi bi-arrow-counterclockwise me-2"></i>Reset Nilai
                        </button>
                    </div>
                </form>
                @else
                <div class="text-center py-5">
                    <i class="bi bi-inbox fs-1 text-muted d-block mb-2"></i>
                    <p class="text-muted">Belum ada mahasiswa yang mengambil mata kuliah ini atau belum disetujui.</p>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

@php
function HurufBadge($huruf) {
    $map = [
        'A' => 'success',
        'A-' => 'success',
        'B+' => 'primary',
        'B' => 'primary',
        'B-' => 'info',
        'C+' => 'info',
        'C' => 'warning',
        'C-' => 'warning',
        'D' => 'danger',
        'E' => 'danger',
    ];
    return $map[$huruf] ?? 'secondary';
}
@endphp

@section('scripts')
<script>
const BOBOT = {
    tugas: {{ $bobot->tugas / 100 }},
    uts: {{ $bobot->uts / 100 }},
    uas: {{ $bobot->uas / 100 }},
    presensi: {{ $bobot->presensi / 100 }}
};

function filterByTahun() {
    const tahunId = document.getElementById('tahunFilter').value;
    const url = new URL(window.location.href);
    if (tahunId) {
        url.searchParams.set('tahun_id', tahunId);
    } else {
        url.searchParams.delete('tahun_id');
    }
    window.location.href = url.toString();
}

function hitungNilaiAkhir(krsId) {
    const tugas = parseFloat(document.querySelector(`input[name="nilai[${krsId}][tugas]"]`)?.value) || 0;
    const uts = parseFloat(document.querySelector(`input[name="nilai[${krsId}][uts]"]`)?.value) || 0;
    const uas = parseFloat(document.querySelector(`input[name="nilai[${krsId}][uas]"]`)?.value) || 0;
    const presensi = parseFloat(document.querySelector(`input[name="nilai[${krsId}][presensi]"]`)?.value) || 0;

    const akhir = (tugas * BOBOT.tugas) + (uts * BOBOT.uts) + (uas * BOBOT.uas) + (presensi * BOBOT.presensi);
    document.getElementById(`akhir-${krsId}`).textContent = akhir.toFixed(1);

    const huruf = getHuruf(akhir);
    document.getElementById(`huruf-${krsId}`).textContent = huruf.huruf;
    document.getElementById(`huruf-${krsId}`).className = `badge bg-${huruf.warna}`;
}

function getHuruf(nilai) {
    if (nilai >= 85) return { huruf: 'A', warna: 'success' };
    if (nilai >= 80) return { huruf: 'A-', warna: 'success' };
    if (nilai >= 75) return { huruf: 'B+', warna: 'primary' };
    if (nilai >= 70) return { huruf: 'B', warna: 'primary' };
    if (nilai >= 65) return { huruf: 'B-', warna: 'info' };
    if (nilai >= 60) return { huruf: 'C+', warna: 'info' };
    if (nilai >= 55) return { huruf: 'C', warna: 'warning' };
    if (nilai >= 50) return { huruf: 'C-', warna: 'warning' };
    if (nilai >= 40) return { huruf: 'D', warna: 'danger' };
    return { huruf: 'E', warna: 'danger' };
}

function resetNilai() {
    if (confirm('Reset semua nilai menjadi 0?')) {
        document.querySelectorAll('.nilai-input').forEach(input => {
            input.value = 0;
        });
        document.querySelectorAll('span[id^="akhir-"]').forEach(el => {
            el.textContent = '0.0';
        });
        document.querySelectorAll('span[id^="huruf-"]').forEach(el => {
            el.textContent = '-';
            el.className = 'badge bg-secondary';
        });
    }
}

document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.nilai-input').forEach(input => {
        input.addEventListener('input', function() {
            const krsId = this.getAttribute('data-krs-id');
            hitungNilaiAkhir(krsId);
        });
    });
});
</script>
@endsection