@extends('layouts.cbt')
@section('page-title', 'Koreksi: '.$exam->title)
@section('sidebar')@include('components.guru-sidebar')@endsection
@section('content')
@if(session('success'))
<div class="mb-4 p-4 bg-green-50 border border-green-200 rounded-xl text-green-700 text-sm">{{ session('success') }}</div>
@endif

@if($answers->isEmpty())
<p class="text-gray-500">Semua jawaban esai untuk ujian ini sudah dinilai.</p>
@else
<div class="space-y-6">
    @foreach($answers as $answer)
    @php $maxPoints = $gradingService->getMaxPoints($answer); @endphp
    <div class="card-sdn">
        <p class="text-sm text-gray-500">{{ $answer->attempt->student->user->name }} ({{ $answer->attempt->student->nis }})</p>
        <p class="font-bold mt-2">{!! $answer->question->content !!}</p>
        <p class="text-xs text-gray-400 mt-1">Bobot soal: {{ $maxPoints }} poin</p>
        <div class="mt-3 p-4 bg-gray-50 rounded-xl">
            <p class="text-sm font-semibold text-gray-500 mb-1">Jawaban Siswa:</p>
            <p class="whitespace-pre-wrap">{{ $answer->essay_answer ?: '(belum diisi)' }}</p>
        </div>
        <form method="POST" action="{{ route('guru.grading.grade', $answer) }}" class="mt-4 flex flex-col sm:flex-row gap-3 sm:items-end">
            @csrf
            <div class="flex-1 sm:flex-none">
                <label class="form-label">Nilai (0 – {{ $maxPoints }})</label>
                <input name="points" type="number" step="0.5" min="0" max="{{ $maxPoints }}" class="form-input w-full sm:w-32" required placeholder="0">
            </div>
            <button class="btn-sdn-primary w-full sm:w-auto justify-center">Simpan Nilai</button>
        </form>
    </div>
    @endforeach
</div>
@endif

<a href="{{ route('guru.grading.index') }}" class="btn-sdn-secondary mt-6 inline-block">Kembali</a>
@endsection