@extends('layouts.dashboard')

@section('title', "Demandes d'admission - Admin")
@section('page-title', "Demandes d'Admission")
@section('page-subtitle', 'Examinez et traitez les candidatures des futurs étudiants.')

@section('content')
    {{-- Messages flash --}}
    @if(session('success'))
        <x-alert-banner type="success" class="mb-6">
            {{ session('success') }}
        </x-alert-banner>
    @endif

    {{-- Filtres de statut --}}
    <div class="flex flex-wrap gap-3 mb-8">
        @foreach(['pending' => ['label' => 'En attente', 'color' => 'yellow'], 'approved' => ['label' => 'Approuvées', 'color' => 'green'], 'rejected' => ['label' => 'Refusées', 'color' => 'red'], 'all' => ['label' => 'Toutes', 'color' => 'slate']] as $key => $info)
        <a href="{{ route('admin.admissions.index', ['status' => $key]) }}"
           class="px-5 py-2.5 rounded-xl font-bold text-sm transition-all border
                  {{ $status === $key
                     ? 'bg-royal-blue text-white border-royal-blue shadow-lg shadow-royal-blue/20'
                     : 'bg-white text-gray-600 border-gray-200 hover:bg-gray-50 hover:text-gray-900' }}">
            {{ $info['label'] }}
        </a>
        @endforeach
    </div>

    {{-- Tableau des demandes --}}
    <div class="bg-white border border-gray-100 rounded-2xl overflow-hidden shadow-sm">
        @if($admissions->count() === 0)
        <div class="text-center py-20 text-gray-400">
            <i class="fa-solid fa-file-alt text-4xl mb-4 opacity-40"></i>
            <p class="font-bold">Aucune demande trouvée.</p>
        </div>
        @else
        <div class="overflow-x-auto">
            <table class="w-full text-left">
                <thead>
                    <tr class="text-gray-400 uppercase text-[10px] font-black tracking-widest border-b border-gray-100">
                        <th class="px-6 py-4">Candidat</th>
                        <th class="px-6 py-4">Formation choisie</th>
                        <th class="px-6 py-4">Type</th>
                        <th class="px-6 py-4">Date</th>
                        <th class="px-6 py-4">Statut</th>
                        <th class="px-6 py-4 text-right">Actions</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-50">
                    @foreach($admissions as $admission)
                    <tr class="group hover:bg-gray-50 transition-colors">
                        <td class="px-6 py-4">
                            <div class="flex items-center gap-3">
                                <div class="w-9 h-9 bg-royal-blue rounded-xl flex items-center justify-center font-bold text-sm text-white">
                                    {{ strtoupper(substr($admission->first_name, 0, 1)) }}
                                </div>
                                <div>
                                    <p class="font-bold text-gray-900">{{ $admission->first_name }} {{ $admission->last_name }}</p>
                                    <p class="text-xs text-gray-400">{{ $admission->email }}</p>
                                </div>
                            </div>
                        </td>
                        <td class="px-6 py-4 text-gray-600 text-sm">
                            @if($admission->faculty)
                                <span class="block font-medium text-gray-900">{{ $admission->faculty->name }}</span>
                                @if($admission->department)
                                    <span class="text-gray-400 text-xs">{{ $admission->department->name }}</span>
                                @endif
                            @elseif($admission->course)
                                {{ $admission->course->title }}
                            @else
                                <span class="text-gray-400 italic">Non précisé</span>
                            @endif
                        </td>
                        <td class="px-6 py-4">
                            <span class="px-3 py-1 text-[10px] font-bold rounded-lg uppercase
                                         {{ $admission->admission_type === 'faculte'
                                            ? 'bg-blue-50 text-blue-700'
                                            : 'bg-orange-50 text-orange-700' }}">
                                {{ $admission->admission_type === 'faculte' ? 'Faculté' : 'Formation continue' }}
                            </span>
                        </td>
                        <td class="px-6 py-4 text-gray-500 text-sm">{{ $admission->created_at->format('d/m/Y') }}</td>
                        <td class="px-6 py-4">
                            <span class="px-3 py-1 text-[10px] font-bold rounded-lg uppercase
                                         {{ $admission->status === 'pending'  ? 'bg-yellow-50 text-yellow-700'  : '' }}
                                         {{ $admission->status === 'approved' ? 'bg-green-50 text-green-700'   : '' }}
                                         {{ $admission->status === 'rejected' ? 'bg-red-50 text-red-700'       : '' }}">
                                {{ $admission->status === 'pending' ? 'En attente' : ($admission->status === 'approved' ? 'Approuvée' : 'Refusée') }}
                            </span>
                        </td>
                        <td class="px-6 py-4 text-right">
                            <a href="{{ route('admin.admissions.show', $admission) }}" class="inline-flex items-center gap-2 text-sm font-bold text-royal-blue hover:text-gray-900 transition-colors">
                                Examiner <i class="fa-solid fa-arrow-right text-xs"></i>
                            </a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="px-6 py-4 border-t border-gray-100">
            {{ $admissions->withQueryString()->links() }}
        </div>
        @endif
    </div>
@endsection