@extends('layouts.app')

@section('titre', 'Votre avis')

@section('contenu')
    <div class="mx-auto max-w-lg">
        @if ($reponse)
            <div class="mb-4 rounded-lg border border-accent-300 bg-accent-50 px-4 py-3 text-sm text-accent-900">
                Vous avez déjà répondu le {{ $reponse->repondu_at->translatedFormat('j F Y') }}.
                Vous pouvez corriger votre réponse ci-dessous.
            </div>
        @endif

        <h1 class="mb-1 text-xl font-semibold">Votre avis sur notre passage</h1>
        <p class="mb-4 text-sm text-slate-600">
            {{ $bon['client'] ?? '' }}, nous sommes passés chez vous
            @if ($bon['date'] ?? null)
                le {{ \Carbon\CarbonImmutable::parse($bon['date'])->translatedFormat('l j F Y') }}
            @endif
            pour le dossier {{ $bon['numero'] ?? '' }}. Deux questions, une minute.
        </p>

        @if ($errors->any())
            <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
                <ul class="list-inside list-disc">
                    @foreach ($errors->all() as $erreur)<li>{{ $erreur }}</li>@endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ url()->full() }}" class="carte space-y-5">
            @csrf

            <fieldset>
                <legend class="etiquette">Êtes-vous satisfait dans l'ensemble</legend>
                @foreach ($notes as $valeur => $libelle)
                    <label class="mb-2 flex items-center gap-2">
                        <input type="radio" name="satisfaction_globale" value="{{ $valeur }}" required
                               @checked(($reponse->satisfaction_globale ?? null) == $valeur)
                               class="size-4 border-slate-300 text-marque-600 focus:ring-marque-600">
                        {{ $libelle }}
                    </label>
                @endforeach
            </fieldset>

            <fieldset>
                <legend class="etiquette">Comment s'est passée l'intervention</legend>
                @foreach ($notes as $valeur => $libelle)
                    <label class="mb-2 flex items-center gap-2">
                        <input type="radio" name="deroulement" value="{{ $valeur }}" required
                               @checked(($reponse->deroulement ?? null) == $valeur)
                               class="size-4 border-slate-300 text-marque-600 focus:ring-marque-600">
                        {{ $libelle }}
                    </label>
                @endforeach
            </fieldset>

            <label><span class="etiquette">Quelque chose à nous dire (facultatif)</span>
                <textarea name="commentaire" rows="3"
                          class="champ">{{ $reponse->commentaire ?? '' }}</textarea></label>

            <button type="submit" class="bouton-principal w-full sm:w-auto">Envoyer ma réponse</button>
        </form>
    </div>
@endsection