@extends('layouts.admin')

@section('title', 'Computer Number Search')

@section('content')
<x-ui.page-header
    title="Computer Number Search"
    subtitle="Find students by computer or student number."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Computer Number', 'href' => route('registration.computer-number.index')],
        ['label' => 'Search'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card title="Search">
    <form method="GET" action="{{ route('registration.computer-number.search') }}" class="mb-4">
        <div class="input-group">
            <input type="text" name="q" class="form-control bv-form-control" value="{{ $filters['search'] ?? '' }}" placeholder="Computer number, student number, or name">
            <x-ui.button type="submit" variant="primary" icon="bi-search">Search</x-ui.button>
        </div>
    </form>

    <div class="table-responsive">
        <table class="table bv-table align-middle mb-0">
            <thead>
                <tr>
                    <th>Computer #</th>
                    <th>Student #</th>
                    <th>Name</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($students as $student)
                    <tr>
                        <td>{{ $student->computer_number ?? '—' }}</td>
                        <td>{{ $student->student_number ?? '—' }}</td>
                        <td>{{ $student->fullName() }}</td>
                        <td class="text-end">
                            <x-ui.button size="sm" variant="ghost" :href="route('registration.students.show', $student)">View</x-ui.button>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-center text-muted-bv py-4">No matches.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if(method_exists($students, 'links'))
        <div class="mt-3">{{ $students->links() }}</div>
    @endif
</x-ui.card>
@endsection