@extends('layouts.admin')

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

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

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-4">
        <x-ui.card title="Available reports">
            <div class="d-flex flex-column gap-2">
                <x-ui.button variant="ghost" icon="bi-people" :href="route('registration.reports.students')">Students report</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-list-ul" :href="route('registration.class-list.index')">Class list</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-bar-chart" :href="route('registration.intake-program-stats.index')">Intake vs programme</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-pie-chart" :href="route('registration.semester-intake-stats.index')">Semester vs intake</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-clipboard-check" :href="route('registration.semester-registration-status.index')">Semester registration status</x-ui.button>
            </div>
        </x-ui.card>
    </div>
    <div class="col-lg-8">
        <x-ui.card title="Quick filters">
            <form method="GET" action="{{ route('registration.reports.students') }}">
                <div class="row g-3">
                    <div class="col-md-6">
                        <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" class="form-control bv-form-control" placeholder="Search">
                                    <label>Search</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <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="student_status" class="form-select bv-form-control">
                                        <option value="">All statuses</option>
                                        @foreach(($filterOptions['statuses'] ?? []) as $status)
                                            <option value="{{ $status->value }}">{{ $status->label() }}</option>
                                        @endforeach
                                    </select>
                                    <label>Student status</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-3">
                    <x-ui.button type="submit" variant="primary" icon="bi-funnel">Run report</x-ui.button>
                </div>
            </form>
        </x-ui.card>
    </div>
</div>
@endsection