{{-- Envoyer un lot par e-mail et/ou WhatsApp, et l'historique des envois de CE lot. Variable : $batch. Aucun lien public : le PDF est joint au message. --}}
@php
    $service = app(\App\Services\Delivery\LotDeliveryService::class);
    $reseller = $batch->reseller;
    $pendingTickets = $batch->pendingCount();
    $hasTickets = $batch->created_count > 0 || $pendingTickets > 0;
    $history = $batch->deliveries()->with('sender')->latest()->latest('id')->limit(10)->get();
    $emailReady = $service->emailReady();
    $whatsappMode = $service->whatsappMode();
    $badge = ['sent' => 'green', 'failed' => 'red', 'prepared' => 'amber', 'queued' => 'gray'];
@endphp
@if (\App\Models\BatchDelivery::ready() && $batch->status !== 'running' && ($hasTickets || $history->isNotEmpty()))
    <div id="envois" class="mt-6 grid gap-6 lg:grid-cols-2">
        @if ($hasTickets)
            <x-ui.card title="Envoyer ce lot" subtitle="Par e-mail (PDF des tickets joint) et/ou par WhatsApp, au revendeur ou à une autre personne.">
                @if ($pendingTickets > 0)
                    <p class="mb-3 rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-900">{{ $pendingTickets }} ticket(s) de ce lot ne sont pas encore sur le routeur : ils seront dans l'envoi, mais ne fonctionneront qu'une fois envoyés au routeur.</p>
                @endif
                <form method="POST" action="{{ route('tickets.batches.deliver', $batch) }}" class="space-y-4" x-data="{ email: {{ in_array('email', (array) old('channels', $reseller?->email ? ['email'] : []), true) ? 'true' : 'false' }}, whatsapp: {{ in_array('whatsapp', (array) old('channels', ($reseller && ! $reseller->email) ? ['whatsapp'] : []), true) ? 'true' : 'false' }} }">
                    @csrf
                    <div>
                        <label class="block text-xs font-semibold text-slate-600" for="delivery-name">Destinataire</label>
                        <input id="delivery-name" type="text" name="name" maxlength="120" value="{{ old('name', $reseller?->name) }}" placeholder="Nom (pour « Bonjour … »)" class="mt-1 block w-full rounded-lg border-slate-300 text-sm">
                    </div>
                    <fieldset class="space-y-3">
                        <label class="flex items-start gap-3 rounded-xl border border-slate-200 p-3 {{ $emailReady ? '' : 'opacity-60' }}">
                            <input type="checkbox" name="channels[]" value="email" x-model="email" class="mt-1 rounded border-slate-300 text-orange-600" {{ $emailReady ? '' : 'disabled' }}>
                            <span class="min-w-0 flex-1">
                                <span class="block text-sm font-semibold text-slate-900">E-mail</span>
                                @if ($emailReady)
                                    <input type="email" name="email" value="{{ old('email', $reseller?->email) }}" placeholder="adresse@exemple.com" x-show="email" x-cloak class="mt-2 block w-full rounded-lg border-slate-300 text-sm" autocomplete="off">
                                    <select name="format" x-show="email" x-cloak class="mt-2 block w-full rounded-lg border-slate-300 text-sm">
                                        @foreach (['pdf' => 'PDF des tickets joint', 'list' => 'Liste des codes dans le message', 'both' => 'PDF joint + liste dans le message'] as $value => $label)
                                            <option value="{{ $value }}" @selected(old('format', 'pdf') === $value)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                @else
                                    <span class="mt-1 block text-xs text-slate-500">L'envoi d'e-mails n'est pas encore configuré sur ce serveur (voir le guide d'installation).</span>
                                @endif
                            </span>
                        </label>
                        <label class="flex items-start gap-3 rounded-xl border border-slate-200 p-3 {{ $whatsappMode === 'unavailable' ? 'opacity-60' : '' }}">
                            <input type="checkbox" name="channels[]" value="whatsapp" x-model="whatsapp" class="mt-1 rounded border-slate-300 text-orange-600" {{ $whatsappMode === 'unavailable' ? 'disabled' : '' }}>
                            <span class="min-w-0 flex-1">
                                <span class="block text-sm font-semibold text-slate-900">WhatsApp</span>
                                @if ($whatsappMode === 'unavailable')
                                    <span class="mt-1 block text-xs text-slate-500">WhatsApp (API) n'est pas configuré : renseignez WHATSAPP_TOKEN et WHATSAPP_PHONE_ID dans .env.</span>
                                @else
                                    <input type="tel" name="phone" value="{{ old('phone', $reseller?->phone) }}" placeholder="07 01 02 03 04" inputmode="tel" x-show="whatsapp" x-cloak class="mt-2 block w-full rounded-lg border-slate-300 text-sm" autocomplete="off">
                                    <span class="mt-1 block text-xs text-slate-500" x-show="whatsapp" x-cloak>{{ $whatsappMode === 'cloud' ? 'Envoi automatique par l\'API WhatsApp Business.' : 'Le message est préparé : un lien ouvre WhatsApp et vous appuyez sur « Envoyer ».' }}</span>
                                @endif
                            </span>
                        </label>
                    </fieldset>
                    @foreach (['channels', 'email', 'phone', 'format', 'name'] as $field)
                        @error($field)<p class="text-xs text-red-600">{{ $message }}</p>@enderror
                    @endforeach
                    <div class="flex flex-wrap items-center gap-3">
                        <x-ui.btn type="submit" icon="send" x-bind:disabled="! email && ! whatsapp">Envoyer</x-ui.btn>
                        <a href="{{ route('tickets.batches.pdf', $batch) }}" class="text-sm font-semibold text-blue-700 underline">Télécharger le PDF</a>
                    </div>
                </form>
            </x-ui.card>
        @endif

        <x-ui.card title="Envois de ce lot" :subtitle="$history->isEmpty() ? 'Aucun envoi pour le moment.' : null" flush>
            @if ($history->isNotEmpty())
                <ul class="divide-y divide-slate-100 text-sm">
                    @foreach ($history as $d)
                        <li class="px-5 py-3">
                            <div class="flex flex-wrap items-center justify-between gap-2">
                                <span class="font-medium text-slate-900">{{ $d->channelLabel() }} · {{ $d->recipientLabel() }}@if ($d->recipient_name)<span class="text-slate-500"> ({{ $d->recipient_name }})</span>@endif</span>
                                <x-ui.badge :color="$badge[$d->status] ?? 'gray'">{{ $d->statusLabel() }}</x-ui.badge>
                            </div>
                            <p class="mt-0.5 text-xs text-slate-500">{{ $d->created_at->format('d/m/Y H:i') }} · {{ $d->tickets_count }} ticket(s) · par {{ $d->sender?->name ?? '—' }}@if ($d->channel === 'email') · {{ ['pdf' => 'PDF', 'list' => 'liste', 'both' => 'PDF + liste'][$d->format] ?? $d->format }}@endif</p>
                            @if ($d->error)<p class="mt-1 text-xs text-red-700">{{ $d->error }}</p>@endif
                            <div class="mt-2 flex flex-wrap gap-3 text-xs font-semibold">
                                @if ($d->status === 'prepared')
                                    <a href="{{ route('tickets.deliveries.whatsapp', [$batch, $d]) }}" class="text-emerald-700 underline">Ouvrir WhatsApp</a>
                                    <form method="POST" action="{{ route('tickets.deliveries.mark-sent', [$batch, $d]) }}">@csrf<button class="text-slate-600 underline">Marquer comme envoyé</button></form>
                                @endif
                                @if ($d->status === 'failed')
                                    <form method="POST" action="{{ route('tickets.deliveries.retry', [$batch, $d]) }}">@csrf<button class="text-orange-700 underline">Réessayer</button></form>
                                @endif
                            </div>
                        </li>
                    @endforeach
                </ul>
                <div class="border-t border-slate-100 px-5 py-3 text-xs"><a href="{{ route('tickets.deliveries.index') }}" class="font-semibold text-blue-700 underline">Historique de tous les envois</a></div>
            @endif
        </x-ui.card>
    </div>
@endif