@extends('layouts.admin')

@section('title', 'Exam Assignments')

@section('content')
    <x-ui.page-header title="Exam Assignments" subtitle="{{ $assignments->total() }} assignment(s) found">
        <x-slot:actions>
            @can('create', App\Models\ExamAssignment::class)
                <a class="btn btn-sm btn-primary" href="{{ route('admin.exam-assignments.create') }}"><i class="bi bi-plus-lg"></i> New Assignment</a>
            @endcan
        </x-slot:actions>
    </x-ui.page-header>

    <form method="GET" class="xrt-filter-bar mb-3">
        <div class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="xrt-label" for="f-search">Search</label>
                <input class="form-control form-control-sm" id="f-search" name="search" value="{{ $filters['search'] ?? '' }}" placeholder="Student name, student ID or exam">
            </div>
            <div class="col-md-3">
                <label class="xrt-label" for="f-exam">Exam</label>
                <select class="form-select form-select-sm" id="f-exam" name="exam_id">
                    <option value="">All exams</option>
                    @foreach ($exams as $exam)
                        <option value="{{ $exam->id }}" @selected((string) ($filters['exam_id'] ?? '') === (string) $exam->id)>{{ $exam->name }} ({{ $exam->status->value }})</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="xrt-label" for="f-student">Student</label>
                <select class="form-select form-select-sm" id="f-student" name="student_id" data-searchable>
                    <option value="">All students</option>
                    @foreach ($students as $student)
                        <option value="{{ $student->id }}" @selected((string) ($filters['student_id'] ?? '') === (string) $student->id)>{{ $student->student_id }} · {{ $student->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3">
                <label class="xrt-label" for="f-status">Status</label>
                <select class="form-select form-select-sm" id="f-status" name="status">
                    <option value="">All statuses</option>
                    @foreach (\App\Enums\AssignmentStatus::options() as $value => $label)
                        <option value="{{ $value }}" @selected(($filters['status'] ?? '') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-af">Assigned from</label>
                <input class="form-control form-control-sm" type="date" id="f-af" name="assigned_from" value="{{ $filters['assigned_from'] ?? '' }}">
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-at">Assigned to</label>
                <input class="form-control form-control-sm" type="date" id="f-at" name="assigned_to" value="{{ $filters['assigned_to'] ?? '' }}">
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-df">Due from</label>
                <input class="form-control form-control-sm" type="date" id="f-df" name="due_from" value="{{ $filters['due_from'] ?? '' }}">
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-dt">Due to</label>
                <input class="form-control form-control-sm" type="date" id="f-dt" name="due_to" value="{{ $filters['due_to'] ?? '' }}">
            </div>
            <div class="col-md-4 d-flex gap-2">
                <button class="btn btn-sm btn-primary" type="submit"><i class="bi bi-funnel"></i> Apply Filters</button>
                <button class="btn btn-sm btn-outline-secondary" type="button" data-filter-reset><i class="bi bi-x-circle"></i> Reset Filters</button>
            </div>
        </div>
    </form>

    <div class="xrt-card">
        <div class="xrt-card-body p-0">
            @include('admin.exam-assignments._table', ['assignments' => $assignments, 'showStudent' => true, 'showExam' => true, 'emptyMessage' => 'Adjust the filters, or assign a published exam to a student.'])
        </div>
    </div>

    <div class="mt-3">{{ $assignments->links() }}</div>
@endsection

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