@extends('layouts.cbt')
@section('page-title', 'Edit Ujian')
@section('sidebar')@include('components.guru-sidebar')@endsection
@section('content')
<div class="card-sdn max-w-2xl">
    <form method="POST" action="{{ route('guru.exams.update', $exam) }}" class="space-y-4">
        @csrf @method('PUT')
        <div><label class="form-label">Judul</label><input name="title" class="form-input" value="{{ $exam->title }}" required></div>
        <div class="grid grid-cols-2 gap-4">
            <div><label class="form-label">Durasi</label><input name="duration_minutes" type="number" class="form-input" value="{{ $exam->duration_minutes }}"></div>
            <div><label class="form-label">KKM</label><input name="passing_score" type="number" class="form-input" value="{{ $exam->passing_score }}"></div>
            <div><label class="form-label">Maks. Percobaan</label><input name="max_attempts" type="number" class="form-input" value="{{ $exam->max_attempts }}" min="1" max="10" required></div>
            <div><label class="form-label">Mulai</label><input name="start_at" type="datetime-local" class="form-input" value="{{ $exam->start_at->format('Y-m-d\TH:i') }}"></div>
            <div><label class="form-label">Selesai</label><input name="end_at" type="datetime-local" class="form-input" value="{{ $exam->end_at->format('Y-m-d\TH:i') }}"></div>
        </div>
        <div><label class="form-label">Token</label><input name="token" class="form-input" value="{{ $exam->token }}"></div>
        <div><label class="form-label">Instruksi</label><textarea name="instructions" class="form-input">{{ $exam->instructions }}</textarea></div>
        <div class="flex flex-wrap gap-4">
            <label class="flex gap-2"><input type="checkbox" name="shuffle_questions" value="1" @checked($exam->shuffle_questions)> Acak Soal</label>
            <label class="flex gap-2"><input type="checkbox" name="shuffle_options" value="1" @checked($exam->shuffle_options)> Acak Opsi</label>
            <label class="flex gap-2"><input type="checkbox" name="show_score" value="1" @checked($exam->show_score)> Tampilkan Nilai</label>
            <label class="flex gap-2"><input type="checkbox" name="show_explanation" value="1" @checked($exam->show_explanation)> Pembahasan</label>
        </div>
        <div class="border-2 border-red-100 rounded-xl p-4 bg-red-50/30">
            <h4 class="font-extrabold text-gray-800 mb-2">Keamanan Ujian</h4>
            <div class="flex flex-wrap gap-6 items-end">
                <label class="flex gap-2 items-center"><input type="checkbox" name="security_strict_mode" value="1" @checked($exam->security_strict_mode ?? true)> Mode keamanan aktif</label>
                <div>
                    <label class="form-label">Ambang peringatan tab switch</label>
                    <input name="tab_switch_flag_threshold" type="number" class="form-input w-24" value="{{ $exam->tab_switch_flag_threshold ?? 3 }}" min="1" max="50">
                </div>
            </div>
        </div>
        <button class="btn-sdn-primary">Update</button>
    </form>
</div>
@endsection