@extends('layouts.app')

@section('title', 'Students')

@section('crumbs')
    <a href="{{ route('dashboard') }}">Dashboard</a><span class="sep">/</span><span>Students</span>
@endsection

@section('content')
    <div class="page-header">
        <div>
            <h1>Students</h1>
            <p class="page-header__subtitle">{{ $students->total() }} student(s) on record</p>
        </div>
        @can('create', \App\Models\People\Student::class)
            <a href="{{ route('students.create') }}" class="btn">+ Admit student</a>
        @endcan
    </div>

    <div class="card">
        <div class="card__header">
            <form method="GET" action="{{ route('students.index') }}" class="filters">
                <div class="form-group">
                    <label for="q">Search</label>
                    <input type="search" id="q" name="q" value="{{ $filters['q'] ?? '' }}"
                           placeholder="Name or admission no.">
                </div>

                <div class="form-group">
                    <label for="class">Class</label>
                    <select id="class" name="class">
                        <option value="">All classes</option>
                        @foreach ($classes as $class)
                            <option value="{{ $class->id }}" @selected(($filters['class'] ?? '') === $class->id)>
                                {{ $class->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label for="status">Status</label>
                    <select id="status" name="status">
                        <option value="">All statuses</option>
                        @foreach (['active', 'inactive', 'graduated', 'transferred', 'suspended'] as $status)
                            <option value="{{ $status }}" @selected(($filters['status'] ?? '') === $status)>
                                {{ ucfirst($status) }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <button type="submit" class="btn btn--secondary">Filter</button>
                <a href="{{ route('students.index') }}" class="btn btn--ghost">Reset</a>
            </form>
        </div>

        <div class="card__body card__body--flush">
            <div class="table-wrap">
                <table class="table">
                    <thead>
                    <tr>
                        <th>Adm. No</th>
                        <th>Name</th>
                        <th>Gender</th>
                        @can('viewContact', $students->first() ?? new \App\Models\People\Student)
                            <th>Phone</th>
                        @endcan
                        <th>Class</th>
                        @can('viewAny', \App\Models\People\Guardian::class)
                            <th>Guardian</th>
                        @endcan
                        <th>Status</th>
                        <th class="actions">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($students as $student)
                        <tr>
                            <td class="mono">{{ $student->admission_no }}</td>
                            <td>
                                <a href="{{ route('students.show', $student) }}">
                                    <strong>{{ $student->full_name }}</strong>
                                </a>
                                @can('viewContact', $student)
                                    <div class="form-hint">Born {{ $student->date_of_birth?->format('d M Y') }}</div>
                                @endcan
                            </td>
                            <td>{{ ucfirst($student->gender) }}</td>
                            @can('viewContact', $student)
                                <td>{{ $student->phone ?? '—' }}</td>
                            @endcan
                            <td>
                                {{ $student->enrollments->last()?->schoolClass?->name ?? '—' }}
                                @if ($student->enrollments->last()?->section)
                                    <span class="badge badge--blue">Sec {{ $student->enrollments->last()->section->name }}</span>
                                @endif
                            </td>
                            @can('viewAny', \App\Models\People\Guardian::class)
                                <td>{{ $student->guardians->first()?->full_name ?? '—' }}</td>
                            @endcan
                            <td>
                                <span class="badge badge--{{ ['active' => 'green', 'suspended' => 'red', 'transferred' => 'gray', 'graduated' => 'blue', 'inactive' => 'amber'][$student->status] ?? 'gray' }}">
                                    {{ ucfirst($student->status) }}
                                </span>
                            </td>
                            <td class="actions">
                                <a class="btn btn--ghost btn--sm" href="{{ route('students.show', $student) }}">View</a>
                                @can('update', $student)
                                    <a class="btn btn--ghost btn--sm" href="{{ route('students.edit', $student) }}">Edit</a>
                                @endcan
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="table-empty">
                                No students match your filters.
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card__header" style="border-top:1px solid var(--border);border-bottom:0;">
            {{ $students->links() }}
        </div>
    </div>
@endsection