@extends('layouts.app')

@section('title', 'Danh sách Sinh viên - Lab01_Framework')

@section('content')
    <x-card title="Quản lý Danh sách Sinh viên" subtitle="Tích hợp Blade Layout, Component <x-card>, <x-badge>, @class, @selected & Eloquent ORM">
        <x-slot:actions>
            <a href="{{ route('students.create') }}" class="btn btn-light btn-sm fw-semibold">
                <i class="bi bi-plus-circle me-1"></i>Thêm sinh viên
            </a>
        </x-slot:actions>

        {{-- Bộ lọc giới tính áp dụng @selected (Bài 06) --}}
        <form method="GET" action="{{ route('students.index') }}" class="row g-2 align-items-center mb-3">
            <div class="col-auto">
                <label class="col-form-label fw-semibold">Lọc theo giới tính:</label>
            </div>
            <div class="col-auto">
                <select name="gender" class="form-select form-select-sm" onchange="this.form.submit()">
                    <option value="" @selected(($gender ?? '') === '')>-- Tất cả giới tính --</option>
                    <option value="male" @selected(($gender ?? '') === 'male')>Nam (Male)</option>
                    <option value="female" @selected(($gender ?? '') === 'female')>Nữ (Female)</option>
                </select>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>#ID</th>
                        <th>Họ và tên</th>
                        <th>Email</th>
                        <th>Lớp học</th>
                        <th>Giới tính</th>
                        <th>Độ tuổi &amp; Nhãn (<x-badge />)</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($students as $student)
                        @php
                            $id        = is_array($student) ? $student['id'] : $student->id;
                            $name      = is_array($student) ? $student['name'] : $student->name;
                            $email     = is_array($student) ? $student['email'] : $student->email;
                            $age       = is_array($student) ? $student['age'] : $student->age;
                            $genderVal = is_array($student) ? $student['gender'] : $student->gender;
                            $className = is_array($student) ? ($student['class_name'] ?? 'CNTT-K18A') : ($student->class_name ?? 'CNTT-K18A');
                        @endphp
                        <tr @class(['table-warning' => $age < 18])>
                            <td class="fw-bold text-secondary">#{{ $id }}</td>
                            <td class="fw-semibold">{{ $name }}</td>
                            <td><code>{{ $email }}</code></td>
                            <td><span class="badge bg-secondary">{{ $className }}</span></td>
                            <td>
                                <span @class([
                                    'badge',
                                    'bg-info text-dark' => $genderVal === 'male',
                                    'bg-danger-subtle text-danger border border-danger-subtle' => $genderVal === 'female',
                                ])>
                                    {{ $genderVal === 'male' ? 'Nam' : 'Nữ' }}
                                </span>
                            </td>
                            <td>
                                <x-badge :age="$age" />
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted py-4">Chưa có dữ liệu sinh viên nào.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        {{-- Hiển thị phân trang nếu dùng Eloquent Paginator (Bài 04) --}}
        @if(method_exists($students, 'links'))
            <div class="mt-3 d-flex justify-content-end">
                {{ $students->links() }}
            </div>
        @endif
    </x-card>
@endsection