@extends('layouts.admin')

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

@section('content')
<x-ui.page-header
    title="Examination Analytics"
    subtitle="Pass rates, grade distributions, GPA trends, and more."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Examination', 'href' => route('examination.dashboard')],
        ['label' => 'Analytics'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-6">
        <x-ui.card title="Pass / fail breakdown">
            <ul class="list-unstyled mb-0">
                @forelse($analytics['pass_fail'] ?? [] as $row)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ $row->status ?? '—' }}</span>
                        <strong>{{ $row->total ?? 0 }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No data available.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="Grade distribution">
            <ul class="list-unstyled mb-0">
                @forelse($analytics['grade_distribution'] ?? [] as $row)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>Grade {{ $row->grade ?? '—' }}</span>
                        <strong>{{ $row->total ?? 0 }} students</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No data available.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="GPA standing">
            <ul class="list-unstyled mb-0">
                @forelse($analytics['gpa_standing'] ?? [] as $row)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ $row->standing ?? '—' }}</span>
                        <strong>{{ $row->total ?? 0 }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No data available.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="Top performing courses">
            <ul class="list-unstyled mb-0">
                @forelse($analytics['top_courses'] ?? [] as $row)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ $row->course_code ?? '—' }} — {{ $row->course_name ?? '' }}</span>
                        <strong>{{ number_format((float)($row->avg_mark ?? 0), 1) }}%</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No data available.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
</div>
@endsection