@extends('layouts.app')

@section('titre', 'Bénévoles')

@section('contenu')
    <div class="mb-4 flex flex-wrap items-start justify-between gap-3">
        <div>
            <h1 class="text-xl font-semibold">Candidatures bénévoles</h1>
            <p class="text-sm text-slate-500">
                Le premier appel compte : une personne rappelée trois semaines plus tard est souvent
                partie ailleurs.
            </p>
        </div>
        {{-- Le lien à diffuser : sur le site, une affiche, un QR code. --}}
        <a href="{{ route('benevoles.public') }}" target="_blank" rel="noopener" class="bouton-secondaire">
            Voir le formulaire public
        </a>
    </div>

    @php
        $filtres = [
            '' => ['À traiter', collect($compteurs)->except(\App\Models\CandidatureBenevole::STATUTS_CLOS)->sum()],
            ...collect(\App\Models\CandidatureBenevole::STATUTS)
                ->map(fn ($libelle, $code) => [$libelle, $compteurs[$code] ?? 0])
                ->all(),
            'toutes' => ['Toutes', collect($compteurs)->sum()],
        ];
    @endphp

    <nav class="mb-4 flex flex-wrap gap-1 text-sm" aria-label="Filtrer par état">
        @foreach ($filtres as $code => [$libelle, $nombre])
            <a href="{{ route('benevoles.index', $code === '' ? [] : ['statut' => $code]) }}"
               @class([
                   'rounded-full px-3 py-1 font-medium',
                   'bg-marque-600 text-white' => $filtre === $code,
                   'bg-slate-100 text-slate-600 hover:bg-slate-200' => $filtre !== $code,
               ])>
                {{ $libelle }} <span class="tabular-nums opacity-75">{{ $nombre }}</span>
            </a>
        @endforeach
    </nav>

    @forelse ($candidatures as $candidature)
        <a href="{{ route('benevoles.afficher', $candidature) }}"
           class="carte mb-2 flex flex-wrap items-start justify-between gap-3 hover:bg-slate-50">
            <span class="min-w-0">
                <span class="block font-medium">{{ $candidature->nomComplet() }}</span>
                <span class="block text-sm text-slate-600">
                    {{ $candidature->telephone }}
                    @if ($candidature->commune) &middot; {{ $candidature->commune }} @endif
                </span>
                <span class="block text-sm text-slate-500">
                    {{ $candidature->poleSouhaite?->nom ?? 'Pas de préférence' }}
                    &middot; reçue le {{ $candidature->created_at->translatedFormat('j F') }}
                </span>
            </span>
            <span @class([
                'rounded-full px-3 py-1 text-xs font-medium whitespace-nowrap',
                'bg-marque-100 text-marque-800' => $candidature->statut === 'nouvelle',
                'bg-amber-100 text-amber-900' => in_array($candidature->statut, ['a_contacter', 'entretien'], true),
                'bg-accent-100 text-accent-900' => $candidature->statut === 'retenue',
                'bg-slate-100 text-slate-600' => in_array($candidature->statut, ['non_retenue', 'desistement'], true),
            ])>{{ $candidature->statutLisible() }}</span>
        </a>
    @empty
        <p class="carte text-sm text-slate-500">
            Aucune candidature ici. Partagez le formulaire public pour en recevoir.
        </p>
    @endforelse

    <div class="mt-4">{{ $candidatures->links() }}</div>
@endsection