{{-- Alertes WhatsApp de l'espace : routeur hors ligne, stock bas, résumé du jour. Elles partent chez les administrateurs de CET espace. --}}
@php
    $wa = app(\App\Services\Alerts\WhatsAppAlertService::class);
    $waSettings = $wa->settings();
    $waReady = $wa->readiness();
    $waRecipients = $wa->recipients();
    $waTables = \App\Models\WhatsAppAlertState::ready();
    $field = 'mt-1 block w-full rounded-lg border-slate-300 text-sm';
@endphp
<form method="POST" action="{{ route('settings.whatsapp-alerts.update') }}" id="alertes-whatsapp" class="mt-6 max-w-4xl space-y-6">
    @csrf @method('PUT')
    <x-ui.card title="Alertes WhatsApp" subtitle="Vous êtes prévenu sur WhatsApp, sans ouvrir le site : routeur hors ligne, stock bas, et un résumé en fin de journée.">
        <p class="mb-4 rounded-lg px-3 py-2 text-sm" style="{{ $waReady['ok'] ? 'background:#ecfdf5;color:#065f46' : 'background:#fffbeb;color:#92400e' }}">{{ $waReady['message'] }}</p>
        @unless ($waTables)
            <p class="mb-4 rounded-lg bg-red-50 px-3 py-2 text-sm text-red-700">La base de données n'est pas encore à jour : cliquez sur « Mettre à jour la base » pour activer les alertes.</p>
        @endunless

        <div class="mb-5 rounded-lg bg-slate-50 px-3 py-3 text-sm">
            <p class="font-semibold text-slate-700">Qui reçoit les alertes ({{ $waRecipients->count() }})</p>
            @forelse ($waRecipients as $r)
                <p class="mt-1 text-slate-700">{{ $r['name'] }} <span class="text-slate-500">· {{ $r['source'] }} · {{ \App\Services\Alerts\WhatsAppAlertService::mask($r['phone']) }}</span></p>
            @empty
                <p class="mt-1 text-amber-700">Personne pour l'instant : renseignez le <strong>téléphone</strong> d'un administrateur (menu Utilisateurs) ou le téléphone de l'espace.</p>
            @endforelse
            <p class="mt-2 text-xs text-slate-500">Le numéro est celui du champ « Téléphone » de chaque administrateur (c'est son numéro WhatsApp) et le téléphone de l'espace.</p>
        </div>

        <div class="space-y-3 text-sm">
            <label class="flex items-start gap-3"><input type="checkbox" name="enabled" value="1" @checked($waSettings['enabled']) class="mt-0.5 rounded border-slate-300"><span><strong>Activer les alertes WhatsApp</strong> de cet espace</span></label>
            <label class="flex items-start gap-3"><input type="checkbox" name="offline" value="1" @checked($waSettings['offline']) class="mt-0.5 rounded border-slate-300"><span><strong>Routeur hors ligne</strong> (et message quand il revient)</span></label>
            <label class="flex items-start gap-3"><input type="checkbox" name="stock" value="1" @checked($waSettings['stock']) class="mt-0.5 rounded border-slate-300"><span><strong>Stock bas</strong> d'un revendeur (ou épuisé)</span></label>
            <label class="flex items-start gap-3"><input type="checkbox" name="summary" value="1" @checked($waSettings['summary']) class="mt-0.5 rounded border-slate-300"><span><strong>Résumé de fin de journée</strong> : ventes, tickets, dépenses, résultat, soldes à recouvrer, routeurs</span></label>
            <label class="flex items-start gap-3"><input type="checkbox" name="include_managers" value="1" @checked($waSettings['include_managers']) class="mt-0.5 rounded border-slate-300"><span>Envoyer aussi aux <strong>gestionnaires</strong> qui ont un numéro</span></label>
        </div>

        <div class="mt-5 grid gap-4 sm:grid-cols-2">
            <div>
                <label for="wa_summary_time" class="block text-sm font-semibold text-slate-700">Heure du résumé</label>
                <input id="wa_summary_time" type="time" name="summary_time" value="{{ old('summary_time', $waSettings['summary_time']) }}" required class="{{ $field }}">
                @error('summary_time')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="wa_offline_minutes" class="block text-sm font-semibold text-slate-700">Prévenir si un routeur reste hors ligne plus de</label>
                <select id="wa_offline_minutes" name="offline_minutes" class="{{ $field }}">
                    @foreach ([5 => '5 minutes', 10 => '10 minutes', 15 => '15 minutes', 30 => '30 minutes', 60 => '1 heure', 120 => '2 heures'] as $v => $l)<option value="{{ $v }}" @selected(old('offline_minutes', $waSettings['offline_minutes']) == $v)>{{ $l }}</option>@endforeach
                </select>
                <p class="mt-1 text-xs text-slate-500">Une coupure d'une minute n'est pas une alerte.</p>
            </div>
            <div>
                <label for="wa_repeat_hours" class="block text-sm font-semibold text-slate-700">Rappel si le routeur reste hors ligne, toutes les</label>
                <select id="wa_repeat_hours" name="repeat_hours" class="{{ $field }}">
                    @foreach ([1 => '1 heure', 3 => '3 heures', 6 => '6 heures', 12 => '12 heures', 24 => '24 heures'] as $v => $l)<option value="{{ $v }}" @selected(old('repeat_hours', $waSettings['repeat_hours']) == $v)>{{ $l }}</option>@endforeach
                </select>
            </div>
            <div>
                <label for="wa_stock_repeat_hours" class="block text-sm font-semibold text-slate-700">Rappel de stock bas, toutes les</label>
                <select id="wa_stock_repeat_hours" name="stock_repeat_hours" class="{{ $field }}">
                    @foreach ([12 => '12 heures', 24 => '24 heures', 48 => '2 jours', 72 => '3 jours'] as $v => $l)<option value="{{ $v }}" @selected(old('stock_repeat_hours', $waSettings['stock_repeat_hours']) == $v)>{{ $l }}</option>@endforeach
                </select>
                <p class="mt-1 text-xs text-slate-500">Un stock qui devient épuisé est signalé tout de suite.</p>
            </div>
            <div>
                <label for="wa_quiet_from" class="block text-sm font-semibold text-slate-700">Heures de silence : de</label>
                <input id="wa_quiet_from" type="time" name="quiet_from" value="{{ old('quiet_from', $waSettings['quiet_from']) }}" class="{{ $field }}">
                @error('quiet_from')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="wa_quiet_to" class="block text-sm font-semibold text-slate-700">à</label>
                <input id="wa_quiet_to" type="time" name="quiet_to" value="{{ old('quiet_to', $waSettings['quiet_to']) }}" class="{{ $field }}">
                <p class="mt-1 text-xs text-slate-500">Pas d'alerte de routeur ni de stock dans cette plage (elle part ensuite si le problème dure). Le résumé du jour part toujours à son heure. Laissez vide : aucun silence.</p>
            </div>
        </div>

        <div class="mt-6 flex flex-wrap items-center gap-3">
            <x-ui.btn type="submit">Enregistrer les alertes</x-ui.btn>
            @if ($waTables)
                <x-ui.btn type="submit" variant="secondary" formaction="{{ route('settings.whatsapp-alerts.test') }}" formmethod="POST" formnovalidate onclick="this.form.querySelector('input[name=_method]').disabled = true">Envoyer un message d'essai</x-ui.btn>
                <a href="{{ route('whatsapp-alerts.index') }}" class="text-sm font-semibold text-blue-700 underline">Historique des alertes</a>
            @endif
        </div>
    </x-ui.card>
</form>