@extends('layouts.app')

@section('titre', 'Candidature '.$candidature->numero)

@section('contenu')
    <a href="{{ route('benevoles.index') }}" class="mb-3 inline-block text-sm text-slate-500 hover:underline">
        &larr; Retour aux candidatures
    </a>

    <div class="carte">
        <div class="flex flex-wrap items-start justify-between gap-3">
            <div>
                <h1 class="text-xl font-semibold">{{ $candidature->nomComplet() }}</h1>
                <p class="text-sm text-slate-600">{{ $candidature->numero }}</p>
                <p class="mt-2">
                    <a href="tel:{{ $candidature->telephone }}" class="font-medium text-marque-700 hover:underline">
                        {{ $candidature->telephone }}
                    </a>
                    @if ($candidature->email)
                        <span class="block text-sm text-slate-600">{{ $candidature->email }}</span>
                    @endif
                    @if ($candidature->commune)
                        <span class="block text-sm text-slate-600">{{ $candidature->commune }}</span>
                    @endif
                </p>
            </div>
            <div class="text-right text-sm">
                <p class="text-base font-semibold">{{ $candidature->statutLisible() }}</p>
                @if ($candidature->statut_change_at && $candidature->traitePar)
                    <p class="text-slate-500">
                        par {{ $candidature->traitePar->name }}
                        le {{ $candidature->statut_change_at->translatedFormat('j F') }}
                    </p>
                @endif
                <p class="mt-2 text-slate-500">Reçue le {{ $candidature->created_at->translatedFormat('j F Y') }}</p>
            </div>
        </div>
    </div>

    <div class="carte mt-4">
        <h2 class="mb-2 font-semibold">Ce que la personne propose</h2>

        <p class="text-sm text-slate-700">
            <span class="font-medium">Activité souhaitée :</span>
            {{ $candidature->poleSouhaite?->nom ?? 'pas de préférence' }}
        </p>

        <p class="mt-2 text-sm font-medium text-slate-700">Disponibilités</p>
        @if ($candidature->disponibilitesLisibles() !== [])
            <ul class="list-inside list-disc text-sm text-slate-700">
                @foreach ($candidature->disponibilitesLisibles() as $ligne)<li>{{ $ligne }}</li>@endforeach
            </ul>
        @else
            <p class="text-sm text-slate-500">Non précisées : à demander lors de l'appel.</p>
        @endif

        @if ($candidature->motivation)
            <p class="mt-3 text-sm font-medium text-slate-700">Ce qui lui donne envie</p>
            <p class="text-sm whitespace-pre-line text-slate-700">{{ $candidature->motivation }}</p>
        @endif

        @if ($candidature->experience)
            <p class="mt-3 text-sm font-medium text-slate-700">Ce qu'elle sait faire</p>
            <p class="text-sm whitespace-pre-line text-slate-700">{{ $candidature->experience }}</p>
        @endif
    </div>

    <form method="POST" action="{{ route('benevoles.modifier', $candidature) }}" class="carte mt-4 space-y-4">
        @csrf
        <h2 class="font-semibold">Suivi</h2>

        @if ($errors->any())
            <div class="rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
        @endif

        <fieldset>
            <legend class="etiquette">Où en est cette candidature</legend>
            <div class="mt-1 grid gap-2 sm:grid-cols-2">
                @foreach (\App\Models\CandidatureBenevole::STATUTS as $code => $libelle)
                    <label class="flex items-center gap-2 rounded-lg border border-slate-200 px-3 py-2 text-sm has-checked:border-marque-500 has-checked:bg-marque-50">
                        <input type="radio" name="statut" value="{{ $code }}" @checked($candidature->statut === $code)
                               class="size-4 border-slate-300 text-marque-600 focus:ring-marque-600">
                        {{ $libelle }}
                    </label>
                @endforeach
            </div>
        </fieldset>

        <label class="block"><span class="etiquette">Pôle qui suit la candidature</span>
            <select name="pole_id" class="champ">
                @foreach ($poles as $pole)
                    <option value="{{ $pole->id }}" @selected($candidature->pole_id === $pole->id)>{{ $pole->nom }}</option>
                @endforeach
            </select>
            <span class="mt-1 block text-sm text-slate-500">Seuls les managers de ce pôle la voient.</span>
        </label>

        <label class="block"><span class="etiquette">Notes internes</span>
            <textarea name="notes_internes" rows="4" class="champ"
                      placeholder="Appelée le…, rencontre prévue le…, préfère le tri des textiles…">{{ old('notes_internes', $candidature->notes_internes) }}</textarea>
            <span class="mt-1 block text-sm text-slate-500">Jamais communiquées à la personne.</span>
        </label>

        <button type="submit" class="bouton-principal">Enregistrer</button>
    </form>
@endsection