@extends('layouts.admin')

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

@section('content')
@php
    $statusLabels = collect($byStatus ?? [])->keys()->map(function ($status) {
        $enum = \App\Enums\ApplicationStatus::tryFrom($status);
        return $enum?->label() ?? ucfirst(str_replace('_', ' ', (string) $status));
    })->values()->all();
    $statusValues = collect($byStatus ?? [])->values()->map(fn ($v) => (int) $v)->all();
@endphp

<x-ui.page-header
    title="Admission Analytics"
    subtitle="Conversion and distribution insights."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Analytics'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4 mb-2 bv-stagger">
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Total applications" :counter="$totals['applications'] ?? 0" icon="bi-file-earmark-person" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Applicants" :counter="$totals['applicants'] ?? 0" icon="bi-people" variant="info" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Offers accepted" :counter="$totals['approved'] ?? 0" icon="bi-check2-circle" variant="success" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Approval rate %" :counter="$conversionRates['approval_rate'] ?? 0" icon="bi-graph-up" variant="accent" />
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-6">
        <x-ui.card title="By status">
            <ul class="list-unstyled mb-0">
                @forelse(($byStatus ?? []) as $status => $count)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ \App\Enums\ApplicationStatus::tryFrom($status)?->label() ?? $status }}</span>
                        <strong>{{ $count }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No status data.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="By programme">
            <ul class="list-unstyled mb-0">
                @forelse(($byProgramme ?? []) as $row)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ $row->name ?? 'Programme' }}</span>
                        <strong>{{ $row->total ?? 0 }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No programme data.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="By campus">
            <ul class="list-unstyled mb-0">
                @forelse(($byCampus ?? []) as $row)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ $row->name ?? 'Campus' }}</span>
                        <strong>{{ $row->total ?? 0 }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No campus data.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="Conversion rates">
            <ul class="list-unstyled mb-0">
                @forelse(($conversionRates ?? []) as $key => $value)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ ucfirst(str_replace('_', ' ', (string) $key)) }}</span>
                        <strong>{{ $value }}%</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No conversion data.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
</div>
@endsection