@extends('layouts.school')

@section('title', 'Admission Dashboard')
@section('header', 'Admission Management')

@section('content')
    <div class="mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
        <div>
            <p class="text-sm text-gray-600">Online admissions for {{ $school->name }}</p>
        </div>
        <div class="flex gap-2">
            <a href="{{ route('school.admission.programmes.create', $school->id) }}"
               class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-medium text-white hover:bg-primary-700">New Programme</a>
            <a href="{{ route('school.admission.applications.index', $school->id) }}"
               class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50">Review Applications</a>
        </div>
    </div>

    <div class="mb-6 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6">
        @foreach ([
            ['label' => 'Programmes', 'value' => $counts['programmes'], 'href' => route('school.admission.programmes.index', $school->id)],
            ['label' => 'Live', 'value' => $counts['published'], 'href' => route('school.admission.programmes.index', $school->id)],
            ['label' => 'Applications', 'value' => $counts['applications'], 'href' => route('school.admission.applications.index', $school->id)],
            ['label' => 'Pending', 'value' => $counts['pending'], 'href' => route('school.admission.applications.index', array_merge([$school->id], ['status' => 'submitted']))],
            ['label' => 'Approved', 'value' => $counts['approved'], 'href' => route('school.admission.applications.index', array_merge([$school->id], ['status' => 'approved']))],
            ['label' => 'Rejected', 'value' => $counts['rejected'], 'href' => route('school.admission.applications.index', array_merge([$school->id], ['status' => 'rejected']))],
        ] as $stat)
            <a href="{{ $stat['href'] }}" class="rounded-xl bg-white p-4 shadow-sm ring-1 ring-gray-900/5 hover:ring-primary-500/40">
                <p class="text-xs font-medium text-gray-500">{{ $stat['label'] }}</p>
                <p class="mt-1 text-2xl font-bold text-gray-900">{{ $stat['value'] }}</p>
            </a>
        @endforeach
    </div>

    <div class="card">
        <div class="flex items-center justify-between border-b border-gray-200 px-6 py-4">
            <h3 class="text-lg font-display font-semibold text-gray-900">Recent Applications</h3>
            <a href="{{ route('school.admission.applications.index', $school->id) }}" class="text-sm text-primary-600 hover:text-primary-700">View all</a>
        </div>
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-gray-500">Applicant</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-gray-500">Reference</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-gray-500">Programme</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-gray-500">Class</th>
                        <th class="px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-gray-500">Status</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100 bg-white">
                    @forelse ($recent as $application)
                        <tr class="hover:bg-gray-50">
                            <td class="px-6 py-3">
                                <a href="{{ route('school.admission.applications.show', [$school->id, $application->id]) }}" class="font-medium text-gray-900 hover:text-primary-600">
                                    {{ $application->full_name }}
                                </a>
                            </td>
                            <td class="px-6 py-3 font-mono text-xs text-gray-600">{{ $application->application_no }}</td>
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $application->programme?->name ?? '—' }}</td>
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $application->desiredClass?->name ?? '—' }}</td>
                            <td class="px-6 py-3">
                                <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold {{ $application->status_color }}">{{ $application->status_label }}</span>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="px-6 py-12 text-center text-sm text-gray-500">
                                No applications yet. <a href="{{ route('school.admission.programmes.index', $school->id) }}" class="text-primary-600 hover:underline">Publish a programme</a> to start receiving them.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection