@extends('layouts.school')

@section('title', 'Admissions')
@section('header', 'Admissions & Applications')

@section('content')
    <div class="mb-6 grid grid-cols-2 gap-4 sm:grid-cols-4">
        <div class="rounded-xl bg-white p-4 shadow-sm ring-1 ring-gray-900/5">
            <p class="text-xs font-medium text-gray-500">Total</p>
            <p class="mt-1 text-2xl font-bold text-gray-900">{{ $counts['total'] }}</p>
        </div>
        <div class="rounded-xl bg-white p-4 shadow-sm ring-1 ring-gray-900/5">
            <p class="text-xs font-medium text-gray-500">Pending</p>
            <p class="mt-1 text-2xl font-bold text-amber-600">{{ $counts['pending'] }}</p>
        </div>
        <div class="rounded-xl bg-white p-4 shadow-sm ring-1 ring-gray-900/5">
            <p class="text-xs font-medium text-gray-500">Accepted</p>
            <p class="mt-1 text-2xl font-bold text-green-600">{{ $counts['accepted'] }}</p>
        </div>
        <div class="rounded-xl bg-white p-4 shadow-sm ring-1 ring-gray-900/5">
            <p class="text-xs font-medium text-gray-500">Rejected</p>
            <p class="mt-1 text-2xl font-bold text-red-600">{{ $counts['rejected'] }}</p>
        </div>
    </div>

    <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
        <form method="GET" class="flex gap-3">
            <input type="text" name="search" value="{{ request('search') }}" placeholder="Search applications..."
                   class="rounded-lg border border-gray-300 px-3 py-2 text-sm shadow-sm placeholder:text-gray-400 focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500 w-64">
            <select name="status" class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                <option value="">All Status</option>
                <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="under_review" {{ request('status') === 'under_review' ? 'selected' : '' }}>Under Review</option>
                <option value="accepted" {{ request('status') === 'accepted' ? 'selected' : '' }}>Accepted</option>
                <option value="waitlisted" {{ request('status') === 'waitlisted' ? 'selected' : '' }}>Waitlisted</option>
                <option value="rejected" {{ request('status') === 'rejected' ? 'selected' : '' }}>Rejected</option>
                <option value="converted" {{ request('status') === 'converted' ? 'selected' : '' }}>Converted</option>
            </select>
            <button type="submit" class="rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200">Filter</button>
        </form>
        <div class="flex items-center gap-2">
            @php $intakeOpen = \App\Models\SiteSetting::get('admissions.open', '1', request()->route('schoolId')) === '1'; @endphp
            <span class="inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs font-medium {{ $intakeOpen ? 'border-green-200 bg-green-50 text-green-700' : 'border-gray-200 bg-gray-50 text-gray-500' }}">
                <span class="h-1.5 w-1.5 rounded-full {{ $intakeOpen ? 'bg-green-500' : 'bg-gray-400' }}"></span>
                Intake {{ $intakeOpen ? 'Open' : 'Closed' }}
            </span>
            <form method="POST" action="{{ route('school.admissions.toggle-intake', request()->route('schoolId')) }}">
                @csrf
                <button type="submit" class="rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50">{{ $intakeOpen ? 'Close Intake' : 'Open Intake' }}</button>
            </form>
            <a href="{{ tenant_url('public.apply', \App\Models\School::find(request()->route('schoolId'))->slug) }}" target="_blank" class="rounded-lg border border-primary-200 bg-primary-50 px-3 py-2 text-sm font-medium text-primary-700 hover:bg-primary-100">View Public Form</a>
            <a href="{{ route('school.admissions.create', request()->route('schoolId')) }}" class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">+ New Application</a>
        </div>
    </div>

    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
        <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 text-gray-500 uppercase">App No</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Applicant</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Class Applied</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Parent</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Date</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Status</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($applications as $app)
                    <tr class="hover:bg-gray-50">
                        <td class="px-6 py-4 text-sm font-medium text-gray-900">{{ $app->application_no }}</td>
                        <td class="px-6 py-4">
                            <a href="{{ route('school.admissions.show', [request()->route('schoolId'), $app->id]) }}" class="text-sm font-medium text-primary-600 hover:text-primary-700">{{ $app->full_name }}</a>
                            <p class="text-xs text-gray-500">{{ $app->email }}</p>
                        </td>
                        <td class="px-6 py-4 text-sm text-gray-600">{{ $app->classroom?->name ?? '—' }}</td>
                        <td class="px-6 py-4 text-sm text-gray-600">{{ $app->parent_name ?? '—' }}</td>
                        <td class="px-6 py-4 text-sm text-gray-500">{{ $app->created_at->format('d M Y') }}</td>
                        <td class="px-6 py-4">
                            @php
                                $colors = [
                                    'pending' => 'bg-amber-50 text-amber-700',
                                    'under_review' => 'bg-blue-50 text-blue-700',
                                    'accepted' => 'bg-green-50 text-green-700',
                                    'rejected' => 'bg-red-50 text-red-700',
                                    'converted' => 'bg-purple-50 text-purple-700',
                                ];
                                $labels = [
                                    'pending' => 'Pending',
                                    'under_review' => 'Under Review',
                                    'accepted' => 'Accepted',
                                    'rejected' => 'Rejected',
                                    'converted' => 'Converted',
                                ];
                            @endphp
                            <span class="inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium {{ $colors[$app->status] ?? 'bg-gray-50 text-gray-700' }}">
                                {{ $labels[$app->status] ?? $app->status }}
                            </span>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-6 py-12 text-center text-sm text-gray-500">No applications found.</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="border-t border-gray-200 px-6 py-3">{{ $applications->links() }}</div>
    </div>
@endsection