@extends('layouts.app')

@section('titre', 'Satisfaction')

@section('contenu')
    <h1 class="mb-1 text-xl font-semibold">Réponses au questionnaire</h1>
    <p class="mb-4 text-sm text-slate-500">
        Envoyé après une intervention réellement effectuée. Rien ne part en cas d'annulation
        ou d'absence.
    </p>

    <div class="mb-4 grid gap-3 sm:grid-cols-2">
        <div class="carte">
            <p class="text-sm text-slate-500">Réponses reçues</p>
            <p class="mt-1 text-3xl font-semibold">{{ $total }}</p>
        </div>
        <div class="carte">
            <p class="text-sm text-slate-500">Satisfaction moyenne</p>
            <p class="mt-1 text-3xl font-semibold">
                {{ $moyenne ? number_format($moyenne, 1, ',', ' ').' / 5' : '—' }}
            </p>
        </div>
    </div>

    @forelse ($reponses as $reponse)
        @php $bon = $reponse->intervention->bon_donnees ?? []; @endphp
        <div class="carte mb-2">
            <div class="flex flex-wrap items-start justify-between gap-3">
                <div>
                    <p class="font-medium">
                        {{ $bon['client'] ?? '' }}
                        <span class="ml-1 text-sm font-normal text-slate-500">{{ $bon['numero'] ?? '' }}</span>
                    </p>
                    <p class="text-sm text-slate-600">
                        Ensemble : {{ $notes[$reponse->satisfaction_globale] }}
                        &middot; déroulement : {{ $notes[$reponse->deroulement] }}
                    </p>
                    @if ($reponse->commentaire)
                        <p class="mt-2 text-sm text-slate-700">« {{ $reponse->commentaire }} »</p>
                    @endif
                </div>
                <p class="text-sm text-slate-500">
                    {{ $reponse->repondu_at->translatedFormat('j F Y') }}
                </p>
            </div>
        </div>
    @empty
        <p class="text-sm text-slate-500">Aucune réponse pour le moment.</p>
    @endforelse

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