@extends('layouts.app')

@section('title', 'Penilaian Ujian')

@section('content')
<div class="pkbm-master-page mx-auto max-w-7xl space-y-5">
    <header class="pkbm-dashboard__heading"><div><p class="pkbm-dashboard__breadcrumb">Standar Penilaian <i class="bi bi-chevron-right" aria-hidden="true"></i>Manajemen Ujian</p><h1 class="pkbm-dashboard__title">Penilaian Ujian</h1><p class="pkbm-dashboard__subtitle">Periksa jawaban dan masukkan nilai peserta ujian PSTS/PSAS.</p></div></header>
    @if (session('status'))<div role="status" class="settings-notice settings-notice--success"><i class="bi bi-check-circle-fill" aria-hidden="true"></i><span>{{ session('status') }}</span></div>@endif
    @if ($errors->any())<div role="alert" class="settings-notice settings-notice--error"><i class="bi bi-exclamation-circle-fill" aria-hidden="true"></i><div><p class="font-semibold">Nilai belum berhasil disimpan.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>@endif
    <section class="sp-card">
        <div class="sp-card-header"><h2 class="sp-section-title">Filter jawaban</h2><p class="mt-1 text-xs text-slate-500">Tahun ajaran {{ $period->tahun_pelajaran }} · Semester {{ $period->semester }}</p></div>
        <form method="GET" action="{{ route('pkbm.ujian.grades') }}" class="grid gap-4 p-5 sm:grid-cols-2 lg:grid-cols-4 lg:items-end">
            <label class="block"><span class="sp-form-label">Kelas</span><select name="id_kelas" required class="sp-form-control px-3"><option value="">Pilih kelas</option>@foreach ($classes as $class)<option value="{{ $class->id }}" @selected($classId === (int) $class->id)>{{ $class->nama_kelas }}</option>@endforeach</select></label>
            <label class="block"><span class="sp-form-label">Mata pelajaran</span><select name="id_mapel" required class="sp-form-control px-3"><option value="">Pilih mapel</option>@foreach ($subjects as $subject)<option value="{{ $subject->id }}" @selected($subjectId === (int) $subject->id)>{{ $subject->nama_mapel }}</option>@endforeach</select></label>
            <label class="block"><span class="sp-form-label">Jenis ujian</span><select name="jenis" required class="sp-form-control px-3"><option value="">Pilih jenis</option><option value="PTS" @selected(($filters['jenis'] ?? '') === 'PTS')>PSTS</option><option value="PAS" @selected(($filters['jenis'] ?? '') === 'PAS')>PSAS</option></select></label>
            <button type="submit" class="sp-btn-primary"><i class="bi bi-search" aria-hidden="true"></i>Tampilkan jawaban</button>
        </form>
    </section>
    @if ($classId && $subjectId && !empty($filters['jenis']))
        <section class="sp-card overflow-hidden">
            <div class="sp-card-header"><h2 class="sp-section-title">Jawaban siswa · {{ $filters['jenis'] === 'PTS' ? 'PSTS' : 'PSAS' }}</h2><p class="mt-1 text-xs text-slate-500">Nilai antara 0–100. Nilai yang dikosongkan akan dihapus.</p></div>
            <form method="POST" action="{{ route('pkbm.ujian.grades.save') }}">
                @csrf<input type="hidden" name="id_kelas" value="{{ $classId }}"><input type="hidden" name="id_mapel" value="{{ $subjectId }}"><input type="hidden" name="jenis" value="{{ $filters['jenis'] }}">
                <div class="overflow-x-auto"><table class="sp-table min-w-full"><thead><tr><th class="w-12">No.</th><th>Siswa</th><th>Pertanyaan</th><th>Jawaban siswa</th><th>Kunci</th><th class="w-28 text-center">Nilai</th></tr></thead><tbody>
                    @forelse ($answers as $answer)
                        <tr><td>{{ $loop->iteration }}</td><td class="font-semibold text-slate-800">{{ $answer->nama_siswa }}<span class="mt-1 block text-xs font-normal text-slate-500">{{ $answer->status === 'selesai' ? 'Selesai' : 'Jawaban masuk' }}</span></td><td class="min-w-52">@if ($answer->nama_ujian)<span class="mb-1 block text-xs font-semibold text-blue-700">{{ $answer->nama_ujian }}</span>@endif<span class="mb-1 inline-flex rounded-full bg-slate-100 px-2 py-0.5 text-xs uppercase text-slate-600">{{ str_replace('_', ' ', $answer->tipe_soal) }}</span><p class="whitespace-pre-line">{{ $answer->pertanyaan }}</p></td>
                            <td class="min-w-48">@if ($answer->file_jawaban)<a href="{{ route('pkbm.ujian.answers.file', $answer->answer_id) }}" class="sp-btn-secondary px-3 py-1.5"><i class="bi bi-file-earmark-arrow-down" aria-hidden="true"></i>Lihat berkas</a>@elseif ($answer->jawaban_text)<p class="whitespace-pre-line rounded-lg bg-slate-50 p-3 text-sm">{{ $answer->jawaban_text }}</p>@else<span class="text-slate-400">Belum diisi</span>@endif</td>
                            <td class="min-w-32 text-sm">@if (in_array($answer->tipe_soal, ['pg','pg_banyak']))@foreach (['a','b','c','d','e'] as $option)@php($choice = json_decode($answer->{'opsi_'.$option} ?? '', true)) @if (!empty($choice['teks']))<span class="block">{{ strtoupper($option) }}. {{ $choice['teks'] }}</span>@endif @endforeach @endif<span class="mt-1 block font-semibold text-emerald-700">{{ $answer->kunci_jawaban ?: '—' }}</span></td>
                            <td><input type="number" min="0" max="100" step="1" name="nilai[{{ $answer->answer_id }}]" value="{{ old('nilai.'.$answer->answer_id, $answer->nilai) }}" class="sp-form-control px-2 text-center" aria-label="Nilai {{ $answer->nama_siswa }}"></td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="py-8 text-center text-slate-500">Tidak ada jawaban untuk filter ini.</td></tr>
                    @endforelse
                </tbody></table></div>
                @if ($answers->isNotEmpty())<div class="flex justify-end border-t border-slate-100 p-4"><button type="submit" class="sp-btn-primary"><i class="bi bi-save" aria-hidden="true"></i>Simpan seluruh nilai</button></div>@endif
            </form>
        </section>
    @endif
</div>
@endsection