@extends('layouts.admin')

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

@section('content')
<x-ui.page-header
    title="Examination Reports"
    subtitle="Mark sheets, result summaries, and dean's list."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Examination', 'href' => route('examination.dashboard')],
        ['label' => 'Reports'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-4">
        <x-ui.card title="Filter">
            <form method="GET" action="{{ route('reports.examination.index') }}">
                <div class="row g-3">
                    <div class="col-12">
                        <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">
                                    <select name="period_id" class="form-select bv-form-control" id="period_id">
                                        <option value="">— All Periods —</option>
                                        @foreach($periods ?? [] as $period)
                                            <option value="{{ $period->id }}" @selected(request('period_id') == $period->id)>
                                                {{ $period->name ?? $period->id }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <label for="period_id">Examination period</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <x-ui.button type="submit" variant="primary" icon="bi-funnel" class="w-100">Filter</x-ui.button>
                    </div>
                </div>
            </form>
        </x-ui.card>
    </div>

    <div class="col-lg-8">
        <div class="row g-3">
            <div class="col-6">
                <x-ui.card title="Mark Sheet">
                    <p class="text-muted-bv small">Course-by-course marks for a given period.</p>
                    <x-ui.button variant="ghost" icon="bi-file-earmark-spreadsheet" :href="route('reports.examination.mark-sheet')">View Mark Sheet</x-ui.button>
                </x-ui.card>
            </div>
            <div class="col-6">
                <x-ui.card title="Result Summary">
                    <p class="text-muted-bv small">Aggregate pass/fail counts by programme.</p>
                    <x-ui.button variant="ghost" icon="bi-bar-chart-line" :href="route('reports.examination.result-summary')">View Summary</x-ui.button>
                </x-ui.card>
            </div>
            <div class="col-6">
                <x-ui.card title="Dean's List">
                    <p class="text-muted-bv small">Students achieving GPA ≥ 3.5 (Dean's honour).</p>
                    <x-ui.button variant="ghost" icon="bi-trophy" :href="route('reports.examination.deans-list')">View Dean's List</x-ui.button>
                </x-ui.card>
            </div>
            <div class="col-6">
                <x-ui.card title="Analytics">
                    <p class="text-muted-bv small">Detailed grade and GPA distributions.</p>
                    <x-ui.button variant="ghost" icon="bi-graph-up" :href="route('examination.analytics.index')">View Analytics</x-ui.button>
                </x-ui.card>
            </div>
        </div>
    </div>
</div>
@endsection