@extends('layouts.admin')
@section('title', 'Candidatures')
@section('page_title', 'Candidatures')

@section('content')

<form method="GET" class="flex flex-wrap gap-3 mb-6">
    <select name="status" onchange="this.form.submit()" class="px-4 py-2.5 rounded-xl border border-gray-200 text-sm bg-white">
        <option value="">Tous les statuts</option>
        @foreach(\App\Models\JobApplication::STATUSES as $value => $label)
            <option value="{{ $value }}" {{ request('status') === $value ? 'selected' : '' }}>{{ $label }}</option>
        @endforeach
    </select>
    @if(request('job_offer_id'))
        <input type="hidden" name="job_offer_id" value="{{ request('job_offer_id') }}">
        <span class="inline-flex items-center gap-2 bg-navy/5 text-navy text-xs font-bold px-3 py-2 rounded-xl">
            Filtré sur une offre
            <a href="{{ route('admin.applications.index', ['status' => request('status')]) }}" class="text-navy/50 hover:text-navy">✕</a>
        </span>
    @endif
</form>

<div class="bg-white rounded-2xl border border-gray-100 overflow-hidden">
    @forelse($applications as $application)
        <a href="{{ route('admin.applications.show', $application) }}" class="flex items-center justify-between gap-4 px-5 py-4 border-b border-gray-50 last:border-0 hover:bg-gray-50 transition-colors">
            <div class="min-w-0">
                <p class="font-bold text-sm text-navy-dark truncate">{{ $application->full_name }}</p>
                <p class="text-xs text-gray-400 truncate">{{ $application->jobOffer->title ?? 'Candidature spontanée' }} · {{ $application->created_at->format('d/m/Y') }}</p>
            </div>
            <span @class([
                'text-[11px] font-bold px-2.5 py-1 rounded-full shrink-0',
                'bg-gray-100 text-gray-500' => $application->status === 'recu',
                'bg-blue-50 text-blue-600' => $application->status === 'preselectionne',
                'bg-amber-50 text-amber-600' => $application->status === 'entretien',
                'bg-emerald-50 text-emerald-600' => $application->status === 'accepte',
                'bg-rose-50 text-rose-600' => $application->status === 'refuse',
            ])>{{ $application->statusLabel() }}</span>
        </a>
    @empty
        <p class="text-center text-gray-400 py-10">Aucune candidature pour l'instant.</p>
    @endforelse
</div>

<div class="mt-6">{{ $applications->links() }}</div>

@endsection