@extends('layouts.app')

@section('titre', 'Envois')

@section('contenu')
    <h1 class="mb-1 text-xl font-semibold">Suivi des envois</h1>
    <p class="mb-4 text-sm text-slate-500">
        Chaque message garde son état. Un message qui n'est pas parti reste ici plutôt que de
        disparaître, et rien n'est relancé automatiquement au-delà de cinq tentatives.
    </p>

    <div class="mb-4 grid gap-3 sm:grid-cols-2">
        <div class="carte">
            <p class="text-sm text-slate-500">En attente</p>
            <p class="mt-1 text-3xl font-semibold">{{ $compteurs['en_attente'] }}</p>
        </div>
        <div class="carte {{ $compteurs['echec'] > 0 ? 'border-red-300 bg-red-50' : '' }}">
            <p class="text-sm text-slate-500">En échec</p>
            <p class="mt-1 text-3xl font-semibold">{{ $compteurs['echec'] }}</p>
        </div>
    </div>

    <form method="GET" class="carte mb-4 flex flex-wrap items-end gap-3">
        <div>
            <label for="statut" class="etiquette">État</label>
            <select id="statut" name="statut" class="champ">
                <option value="">Tous</option>
                @foreach ($statuts as $valeur => $libelle)
                    <option value="{{ $valeur }}" @selected(request('statut') === $valeur)>{{ $libelle }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label for="declencheur" class="etiquette">Message</label>
            <select id="declencheur" name="declencheur" class="champ">
                <option value="">Tous</option>
                @foreach ($declencheurs as $valeur => $libelle)
                    <option value="{{ $valeur }}" @selected(request('declencheur') === $valeur)>{{ $libelle }}</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="bouton-secondaire">Filtrer</button>
    </form>

    @forelse ($envois as $envoi)
        <div @class([
            'carte mb-2',
            'border-red-300 bg-red-50' => $envoi->statut === 'echec',
            'opacity-70' => $envoi->statut === 'annule',
        ])>
            <div class="flex flex-wrap items-start justify-between gap-3">
                <div>
                    <p class="font-medium">{{ $declencheurs[$envoi->declencheur] ?? $envoi->declencheur }}</p>
                    <p class="text-sm text-slate-600">
                        Vers {{ $envoi->destinataire_email }}
                        <span class="text-slate-500">
                            ({{ $envoi->destinataire === 'interne' ? 'interne' : 'client' }})
                        </span>
                    </p>
                    <p class="text-sm text-slate-500">
                        Créé le {{ $envoi->created_at->translatedFormat('j F Y à H\hi') }}
                        @if ($envoi->a_envoyer_apres && $envoi->statut === 'en_attente')
                            &middot; part le {{ $envoi->a_envoyer_apres->translatedFormat('j F à H\hi') }}
                        @endif
                        @if ($envoi->envoye_at)
                            &middot; envoyé le {{ $envoi->envoye_at->translatedFormat('j F à H\hi') }}
                        @endif
                    </p>
                    @if ($envoi->motif_annulation)
                        <p class="mt-1 text-sm text-slate-600">{{ $envoi->motif_annulation }}</p>
                    @endif
                    @if ($envoi->derniere_erreur)
                        <p class="mt-1 text-sm text-red-800">
                            {{ \Illuminate\Support\Str::limit($envoi->derniere_erreur, 180) }}
                        </p>
                    @endif
                </div>

                <div class="text-right text-sm">
                    <p class="font-medium">{{ $statuts[$envoi->statut] }}</p>
                    @if ($envoi->tentatives > 0)
                        <p class="text-slate-500">{{ $envoi->tentatives }} tentative(s)</p>
                    @endif
                    @if ($envoi->statut !== 'envoye')
                        <form method="POST" action="{{ route('envois.relance', $envoi) }}" class="mt-2">
                            @csrf
                            <button type="submit" class="font-medium text-marque-700 hover:underline">
                                Réessayer maintenant
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        </div>
    @empty
        <p class="text-sm text-slate-500">Aucun envoi ne correspond à cette recherche.</p>
    @endforelse

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