@extends('layouts.admin')

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

@section('content')
<x-ui.page-header
    title="Registration Analytics"
    subtitle="Distribution of registered students."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Registration', 'href' => route('registration.dashboard')],
        ['label' => 'Analytics'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4 mb-2">
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Total students" :counter="$stats['total'] ?? 0" icon="bi-people" />
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-6">
        <x-ui.card title="By student status">
            <ul class="list-unstyled mb-0">
                @forelse(($stats['by_student_status'] ?? []) as $status => $count)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ \App\Enums\StudentStatus::tryFrom($status)?->label() ?? $status }}</span>
                        <strong>{{ $count }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No data.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="By registration status">
            <ul class="list-unstyled mb-0">
                @forelse(($stats['by_registration_status'] ?? []) as $status => $count)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ \App\Enums\RegistrationWorkflowStatus::tryFrom($status)?->label() ?? $status }}</span>
                        <strong>{{ $count }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No 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(($stats['by_programme'] ?? []) as $row)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ $row->programme?->name ?? 'Unassigned' }}</span>
                        <strong>{{ $row->total }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No 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(($stats['by_campus'] ?? []) as $row)
                    <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                        <span>{{ $row->campus?->name ?? 'Unassigned' }}</span>
                        <strong>{{ $row->total }}</strong>
                    </li>
                @empty
                    <li class="text-muted-bv">No data.</li>
                @endforelse
            </ul>
        </x-ui.card>
    </div>
</div>
@endsection