@extends('adminlte::page')

@section('title', 'Buat Ujian Baru')

@section('content_header')
    <h1>Buat Jadwal Ujian Baru</h1>
@stop

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">Form Pengaturan Ujian</h3>
            </div>
            <form action="{{ route('elearning.ujian.store') }}" method="POST">
                @csrf
                <div class="card-body">
                    <div class="form-group">
                        <label>Nama Ujian <span class="text-danger">*</span></label>
                        <input type="text" name="name" class="form-control" placeholder="Contoh: Ulangan Harian 1 - Biologi" required>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Mata Pelajaran <span class="text-danger">*</span></label>
                                <select name="subject_id" class="form-control select2" required>
                                    <option value="">-- Pilih Mapel --</option>
                                    @foreach($subjects as $subject)
                                        <option value="{{ $subject->id }}">{{ $subject->nama_mapel }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Target Kelas (Opsional)</label>
                                <select name="class_level_id" class="form-control select2">
                                    <option value="">Semua Kelas</option>
                                    @foreach($classes as $kelas)
                                        <option value="{{ $kelas->id }}">{{ $kelas->nama_kelas }}</option>
                                    @endforeach
                                </select>
                                <small class="text-muted">Kosongkan jika ujian ini untuk semua kelas.</small>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Waktu Mulai <span class="text-danger">*</span></label>
                                <input type="datetime-local" name="start_time" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Waktu Selesai <span class="text-danger">*</span></label>
                                <input type="datetime-local" name="end_time" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Durasi (Menit) <span class="text-danger">*</span></label>
                                <input type="number" name="duration_minutes" class="form-control" placeholder="90" required>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="custom-control custom-switch">
                            <input type="checkbox" class="custom-control-input" id="acakSoal" name="random_question" value="1" checked>
                            <label class="custom-control-label" for="acakSoal">Acak Urutan Soal</label>
                        </div>
                    </div>
                </div>

                <div class="card-footer text-right">
                    <a href="{{ route('elearning.ujian.index') }}" class="btn btn-default mr-2">Batal</a>
                    <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Simpan & Lanjut ke Soal</button>
                </div>
            </form>
        </div>
    </div>

    <div class="col-md-4">
        <div class="callout callout-info">
            <h5><i class="fas fa-info-circle"></i> Petunjuk</h5>
            <p>1. Isi detail ujian di formulir ini.</p>
            <p>2. Klik "Simpan & Lanjut" untuk mulai membuat butir soal.</p>
            <p>3. <b>Token Ujian</b> akan dibuat otomatis oleh sistem.</p>
        </div>
    </div>
</div>
@stop

@section('js')
<script>
    $(function () {
        $('.select2').select2();
    });
</script>
@stop