{{-- resources/views/admin/students/search.blade.php --}}
@extends('layouts.app')
@section('title', 'Global Student Search')
@section('breadcrumb', 'Student Search')

@section('content')
<h4 class="fw-bold mb-4" style="color:#0f3d23;">
    <i class="bi bi-search me-2" style="color:#c9a94d;"></i>MCSS Global Student Search
</h4>

<div class="card table-card mb-4">
    <div class="card-body p-4">
        <form method="GET" class="d-flex gap-2">
            <input type="text" name="q" class="form-control" placeholder="Search by name or MCSS ID across all schools…"
                   value="{{ request('q') }}" autofocus>
            <button type="submit" class="btn px-4" style="background:#1a6b3c; color:#fff; border-radius:8px;">
                <i class="bi bi-search me-1"></i>Search
            </button>
        </form>
    </div>
</div>

@if(request('q'))
<div class="card table-card">
    <div class="card-header bg-white py-3">
        <span class="fw-semibold">{{ count($results) }} result(s) for "{{ request('q') }}"</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle" style="font-size:.85rem;">
            <thead><tr><th>Student Name</th><th>MCSS ID</th><th>Current School</th><th>Status</th><th></th></tr></thead>
            <tbody>
                @forelse($results as $student)
                <tr>
                    <td class="fw-semibold">{{ $student->full_name }}</td>
                    <td><span class="badge bg-dark" style="font-size:.72rem;">{{ $student->mcss_student_id }}</span></td>
                    <td>{{ optional($student->currentSchool)->name ?? '—' }}</td>
                    <td><span class="badge badge-status-{{ $student->status }}" style="font-size:.72rem;">{{ ucfirst($student->status) }}</span></td>
                    <td>
                        <a href="{{ route('school.students.show', $student) }}" class="btn btn-sm btn-outline-secondary">
                            <i class="bi bi-eye me-1"></i>View Profile
                        </a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center py-4 text-muted">No students found matching "{{ request('q') }}".</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endif
@endsection