@extends('layouts.app')

@section('title', 'Quản lý Sinh viên - Admin NEU')

@section('content')
    <div class="hero-section pb-8">
        <div class="container">
            @include('partials.nav', ['class' => 'mb-8'])

            <h1 class="hero-title mb-6">Quản lý Sinh viên</h1>

            @include('admin.partials.tabs')
        </div>
    </div>

    <main class="container">
        <div class="stat-grid mb-6">
            <x-card.stat label="Tổng số Sinh viên" :value="number_format($totalStudents)" />
            <x-card.stat label="Tổng số Lượt thi" :value="number_format($totalExamRecords)" valueClass="text-success" />
            <x-card.stat label="Lượt Hoãn / KĐT" :value="number_format($notEligibleRecords)" valueClass="text-destructive" />
        </div>

        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-6 gap-3">
            <h2>Danh sách Sinh viên</h2>
            <form action="{{ route('admin.students') }}" method="GET" class="d-flex w-100 w-md-auto gap-2">
                <input type="text" name="search" value="{{ request('search') }}" placeholder="Tìm mã SV, tên..."
                    class="form-control flex-grow-1 w-md-250px">
                <button type="submit" class="btn btn-primary">Tìm kiếm</button>
            </form>
        </div>

        <div class="card p-0 overflow-hidden">
            <div class="table-wrapper">
                <table>
                    <thead>
                        <tr>
                            <th>Mã SV</th>
                            <th>Họ và tên</th>
                            <th>Lớp / Chuyên ngành</th>
                            <th>Ngày tạo</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($students as $sv)
                            <tr>
                                <td><strong>{{ $sv->ma_sv }}</strong></td>
                                <td>{{ $sv->ho_dem }} <strong>{{ $sv->ten }}</strong></td>
                                <td><x-badge type="outline">{{ $sv->lop_chuyen_nganh ?: 'Chưa cập nhật' }}</x-badge></td>
                                <td>{{ $sv->created_at->format('d/m/Y') }}</td>
                            </tr>
                        @endforeach

                        @if($students->isEmpty())
                            <tr>
                                <td colspan="5" class="text-center p-8 text-muted">Không
                                    tìm thấy sinh viên nào.</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>

        <div class="mt-6">
            {{ $students->links() }}
        </div>
    </main>

    @include('partials.footer', ['class' => 'mt-12'])
@endsection