@extends('layouts.admin')

@section('title', 'Class List')

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

@include('institution.partials.flash')

<x-ui.card title="Class list">
    <div class="table-responsive">
        <table class="table bv-table align-middle mb-0">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Computer #</th>
                    <th>Name</th>
                    <th>Programme</th>
                    <th>Campus</th>
                    <th>Faculty</th>
                </tr>
            </thead>
            <tbody>
                @forelse($students as $i => $student)
                    <tr>
                        <td>{{ $students->firstItem() + $i }}</td>
                        <td>{{ $student->computer_number ?? '—' }}</td>
                        <td><a href="{{ route('registration.students.show', $student) }}">{{ $student->fullName() }}</a></td>
                        <td>{{ $student->programme?->name ?? '—' }}</td>
                        <td>{{ $student->campus?->name ?? '—' }}</td>
                        <td>{{ $student->faculty?->name ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-muted-bv py-4">No students match the filters.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if(method_exists($students, 'links'))
        <div class="mt-3">{{ $students->links() }}</div>
    @endif
</x-ui.card>
@endsection