@extends('layouts.admin')

@section('title', 'Intake vs Programme Stats')

@section('content')
<x-ui.page-header
    title="Intake vs Programme Stats"
    subtitle="Student counts by academic intake and programme."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Registration', 'href' => route('registration.dashboard')],
        ['label' => 'Intake vs Programme'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card title="Stats">
    <div class="table-responsive">
        <table class="table bv-table align-middle mb-0">
            <thead>
                <tr>
                    <th>Intake</th>
                    <th>Programme</th>
                    <th class="text-end">Students</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $row)
                    <tr>
                        <td>{{ $row->academicIntake?->name ?? '—' }}</td>
                        <td>{{ $row->programme?->name ?? '—' }}</td>
                        <td class="text-end"><strong>{{ $row->total }}</strong></td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="text-center text-muted-bv py-4">No data.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</x-ui.card>
@endsection