@extends('layouts.admin')

@section('title', 'Admission Reports')

@section('content')
<x-ui.page-header
    title="Admission Reports"
    subtitle="Filter and export application reports."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Reports'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card title="Application report filters">
    <form method="GET" action="{{ route('admission.reports.export') }}">
        <div class="row g-3">
            <div class="col-md-4">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-search"></i>
                        <div class="form-floating">
                            <input type="text" name="search" id="search" class="form-control bv-form-control" placeholder="Search" value="{{ request('search') }}">
                            <label for="search">Search</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-flag"></i>
                        <div class="form-floating">
                            <select name="status" id="status" class="form-select bv-form-control">
                                <option value="">All statuses</option>
                                @foreach($filterOptions['statuses'] ?? [] as $status)
                                    <option value="{{ $status->value }}" @selected(request('status') === $status->value)>{{ $status->label() }}</option>
                                @endforeach
                            </select>
                            <label for="status">Status</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-journal"></i>
                        <div class="form-floating">
                            <select name="programme_id" id="programme_id" class="form-select bv-form-control">
                                <option value="">All programmes</option>
                                @foreach($filterOptions['programmes'] ?? [] as $programme)
                                    <option value="{{ $programme->id }}" @selected(request('programme_id') == $programme->id)>{{ $programme->name }}</option>
                                @endforeach
                            </select>
                            <label for="programme_id">Programme</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-geo"></i>
                        <div class="form-floating">
                            <select name="campus_id" id="campus_id" class="form-select bv-form-control">
                                <option value="">All campuses</option>
                                @foreach($filterOptions['campuses'] ?? [] as $campus)
                                    <option value="{{ $campus->id }}" @selected(request('campus_id') == $campus->id)>{{ $campus->name }}</option>
                                @endforeach
                            </select>
                            <label for="campus_id">Campus</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-people"></i>
                        <div class="form-floating">
                            <select name="admission_intake_id" id="admission_intake_id" class="form-select bv-form-control">
                                <option value="">All intakes</option>
                                @foreach($filterOptions['intakes'] ?? [] as $intake)
                                    <option value="{{ $intake->id }}" @selected(request('admission_intake_id') == $intake->id)>{{ $intake->name }}</option>
                                @endforeach
                            </select>
                            <label for="admission_intake_id">Intake</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-calendar"></i>
                        <div class="form-floating">
                            <input type="date" name="date_from" id="date_from" class="form-control bv-form-control" value="{{ request('date_from') }}">
                            <label for="date_from">From</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2">
                <div class="bv-form-group">
                    <div class="bv-form-group__field">
                        <i class="bv-form-group__icon bi bi-calendar"></i>
                        <div class="form-floating">
                            <input type="date" name="date_to" id="date_to" class="form-control bv-form-control" value="{{ request('date_to') }}">
                            <label for="date_to">To</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex gap-2 mt-4">
            <x-ui.button type="submit" variant="primary" icon="bi-table">Run report</x-ui.button>
        </div>
    </form>
</x-ui.card>
@endsection