{{-- "Assign Students": bulk-assign this published exam to several active students. --}}
<div class="modal fade" id="assign-students-modal" tabindex="-1" aria-labelledby="assign-students-title" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <form class="modal-content" method="POST" action="{{ route('admin.exams.assignments.store', $exam) }}">
            @csrf
            <div class="modal-header py-2">
                <h5 class="modal-title h6 mb-0" id="assign-students-title">Assign "{{ $exam->name }}" to students</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                @if ($errors->hasAny(['student_ids', 'student_ids.*', 'due_at', 'attempts_allowed']))
                    <div class="alert alert-danger py-2">
                        <ul class="mb-0 ps-3">
                            @foreach ($errors->all() as $message)
                                <li>{{ $message }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                @if ($assignableStudents->isEmpty())
                    <div class="alert alert-warning py-2 mb-0"><i class="bi bi-info-circle me-1"></i>Every active student is already assigned to this exam, or there are no active students.</div>
                @else
                    <div class="row g-2">
                        <div class="col-12">
                            <label class="form-label" for="assign-student-ids">Students <span class="text-danger">*</span></label>
                            <select class="form-select form-select-sm" id="assign-student-ids" name="student_ids[]" multiple size="10" data-searchable required>
                                @foreach ($assignableStudents as $student)
                                    <option value="{{ $student->id }}" @selected(in_array($student->id, (array) old('student_ids', [])))>{{ $student->student_id }} · {{ $student->name }}</option>
                                @endforeach
                            </select>
                            <div class="form-text">Hold Ctrl (or Cmd) to select several. Students already assigned are not listed; duplicates are never created.</div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="assign-due-at">Due date / time</label>
                            <input class="form-control form-control-sm" type="datetime-local" id="assign-due-at" name="due_at" value="{{ old('due_at') }}">
                            <div class="form-text">Optional.</div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="assign-attempts">Attempts allowed <span class="text-danger">*</span></label>
                            <input class="form-control form-control-sm" type="number" id="assign-attempts" name="attempts_allowed" min="1" max="100" value="{{ old('attempts_allowed', 1) }}" required>
                        </div>
                    </div>
                @endif
            </div>
            <div class="modal-footer py-2">
                <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-sm btn-primary" @disabled($assignableStudents->isEmpty())><i class="bi bi-person-check"></i> Assign Selected Students</button>
            </div>
        </form>
    </div>
</div>

@push('scripts')
    <script src="@xrtAsset('js/searchable-select.js')"></script>
    @if ($errors->hasAny(['student_ids', 'student_ids.*', 'due_at', 'attempts_allowed']))
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                new bootstrap.Modal(document.getElementById('assign-students-modal')).show();
            });
        </script>
    @endif
@endpush