@extends('layouts.admin')

@section('title', 'New Assignment')

@section('content')
    <x-ui.page-header title="Assign Exam to Student" subtitle="Only published exams and active students can be selected."
        :back="route('admin.exam-assignments.index')" />

    <div class="row">
        <div class="col-lg-8">
            <x-ui.card>
                @if ($exams->isEmpty())
                    <div class="alert alert-warning py-2"><i class="bi bi-exclamation-triangle me-1"></i>There is no published exam to assign. Publish an exam first.</div>
                @elseif ($students->isEmpty())
                    <div class="alert alert-warning py-2"><i class="bi bi-exclamation-triangle me-1"></i>There is no active student. Create or activate a student first.</div>
                @endif

                <form method="POST" action="{{ route('admin.exam-assignments.store') }}">
                    @csrf
                    <div class="row">
                        <x-form.select name="student_id" label="Student" required placeholder="— Select a student —" data-searchable
                            :options="$students->mapWithKeys(fn ($s) => [$s->id => $s->student_id.' · '.$s->name.' ('.$s->email.')'])"
                            :selected="$selectedStudent" help="Type in the search box above the list to filter students." />
                        <x-form.select name="exam_id" label="Exam" required placeholder="— Select a published exam —" data-searchable
                            :options="$exams->mapWithKeys(fn ($e) => [$e->id => $e->name.' — '.$e->display_name])"
                            :selected="$selectedExam" />
                        <x-form.input name="due_at" label="Due date / time" type="datetime-local" :value="old('due_at')"
                            help="Optional. Must not be earlier than now." />
                        <x-form.input name="attempts_allowed" label="Attempts allowed" type="number" min="1" max="100" :value="$defaultAttempts" required
                            help="Maximum attempts the student may make in a later phase." />
                    </div>

                    <div class="d-flex gap-2 pt-2 border-top">
                        <button class="btn btn-sm btn-primary" type="submit" @disabled($exams->isEmpty() || $students->isEmpty())><i class="bi bi-person-check"></i> Assign Exam</button>
                        <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.exam-assignments.index') }}">Cancel</a>
                    </div>
                </form>
            </x-ui.card>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="@xrtAsset('js/searchable-select.js')"></script>
@endpush