@extends('layouts.admin')

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

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

@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>Academic session</th>
                    <th>Programme</th>
                    <th>Campus</th>
                    <th class="text-end">Registrations</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $row)
                    <tr>
                        <td>{{ $row->academicSession?->name ?? '—' }}</td>
                        <td>{{ $row->programme?->name ?? '—' }}</td>
                        <td>{{ $row->campus?->name ?? '—' }}</td>
                        <td class="text-end"><strong>{{ $row->total }}</strong></td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-center text-muted-bv py-4">No data.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</x-ui.card>
@endsection