@extends('layouts.admin')

@section('title', 'Exams')

@section('content')
    <x-ui.page-header title="Exams" subtitle="{{ $exams->total() }} exam(s) found">
        <x-slot:actions>
            @can('create', App\Models\Exam::class)
                <a class="btn btn-sm btn-primary" href="{{ route('admin.exams.create') }}"><i class="bi bi-plus-lg"></i> New Exam</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-name">Exam name</label>
                <input class="form-control form-control-sm" id="f-name" name="name" value="{{ $filters['name'] ?? '' }}" placeholder="Search by name">
            </div>
            <div class="col-md-3">
                <label class="xrt-label" for="f-display">Display name</label>
                <input class="form-control form-control-sm" id="f-display" name="display_name" value="{{ $filters['display_name'] ?? '' }}" placeholder="Search by display name">
            </div>
            <div class="col-md-2">
                <label class="xrt-label" for="f-library">Library</label>
                <select class="form-select form-select-sm" id="f-library" name="library_id">
                    <option value="">All libraries</option>
                    @foreach ($libraries as $library)
                        <option value="{{ $library->id }}" @selected((string) ($filters['library_id'] ?? '') === (string) $library->id)>{{ $library->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <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\ExamStatus::options() as $value => $label)
                        <option value="{{ $value }}" @selected(($filters['status'] ?? '') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2 d-flex gap-2">
                <button class="btn btn-sm btn-primary" type="submit"><i class="bi bi-funnel"></i> Apply</button>
                <button class="btn btn-sm btn-outline-secondary" type="button" data-filter-reset><i class="bi bi-x-circle"></i> Reset</button>
            </div>
        </div>
        <input type="hidden" name="sort" value="{{ $sort }}">
        <input type="hidden" name="direction" value="{{ $direction }}">
    </form>

    <div class="d-flex flex-wrap gap-3 align-items-center mb-2 xrt-meta">
        <span>Sort by:</span>
        <x-ui.sort-link column="name" label="Name" :sort="$sort" :direction="$direction" />
        <x-ui.sort-link column="status" label="Status" :sort="$sort" :direction="$direction" />
        <x-ui.sort-link column="duration_minutes" label="Duration" :sort="$sort" :direction="$direction" />
        <x-ui.sort-link column="created_at" label="Created" :sort="$sort" :direction="$direction" />
        <x-ui.sort-link column="updated_at" label="Updated" :sort="$sort" :direction="$direction" />
    </div>

    @forelse ($exams as $exam)
        @include('admin.exams._row', ['exam' => $exam])
    @empty
        <div class="xrt-card">
            <div class="xrt-card-body">
                <x-ui.empty-state icon="bi-clipboard-check" title="No exams found"
                    message="Adjust the filters, or build your first examination from the existing x-ray content.">
                    @can('create', App\Models\Exam::class)
                        <a class="btn btn-sm btn-primary" href="{{ route('admin.exams.create') }}">New Exam</a>
                    @endcan
                </x-ui.empty-state>
            </div>
        </div>
    @endforelse

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