@extends('layouts.admin')

@section('title', 'Student Numbers')

@section('content')
<x-ui.page-header
    title="Student Numbers"
    subtitle="Assign or generate student ID numbers."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Registration', 'href' => route('registration.dashboard')],
        ['label' => 'Student Numbers'],
    ]"
/>

@include('institution.partials.flash')

<x-ui.card title="Students">
    <div class="table-responsive">
        <table class="table bv-table align-middle mb-0">
            <thead>
                <tr>
                    <th>Computer #</th>
                    <th>Name</th>
                    <th>Current student #</th>
                    <th>Update</th>
                </tr>
            </thead>
            <tbody>
                @forelse($records as $student)
                    <tr>
                        <td>{{ $student->computer_number ?? '—' }}</td>
                        <td>{{ $student->fullName() }}</td>
                        <td>{{ $student->student_number ?? '—' }}</td>
                        <td>
                            <form method="POST" action="{{ route('registration.update-student-id.update', $student) }}" class="d-flex gap-2 align-items-center">
                                @csrf
                                @method('PUT')
                                <input type="text" name="student_number" class="form-control form-control-sm bv-form-control" placeholder="Manual #" value="{{ $student->student_number }}">
                                <x-ui.button type="submit" size="sm" variant="primary">Save</x-ui.button>
                                <button type="submit" name="generate" value="1" class="btn btn-sm btn-outline-secondary">Generate</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-center text-muted-bv py-4">No students found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if(method_exists($records, 'links'))
        <div class="mt-3">{{ $records->links() }}</div>
    @endif
</x-ui.card>
@endsection