{{-- Alertes par E-MAIL de l'espace : l'administrateur choisit celles qu'il veut recevoir. Même serveur d'envoi que le reste du site (réglé par le fournisseur). --}}
@php
    $mw = app(\App\Services\Alerts\WhatsAppAlertService::class);
    $ms = $mw->settings();
    $mRecipients = $mw->mailRecipients();
    $mSendable = \App\Support\MailSettings::sendable();
    $mTables = \App\Models\WhatsAppAlertState::ready();
    $row = 'flex items-start gap-3';
@endphp
<form method="POST" action="{{ route('settings.mail-alerts.update') }}" id="alertes-email" class="mt-6 max-w-4xl space-y-6">
    @csrf @method('PUT')
    <x-ui.card title="Alertes par e-mail" subtitle="Choisissez les alertes que vous voulez recevoir par e-mail : routeur hors ligne, stock bas, résumé du jour, soldes en retard…">
        <p class="mb-4 rounded-lg px-3 py-2 text-sm" style="{{ $mSendable ? 'background:#ecfdf5;color:#065f46' : 'background:#fffbeb;color:#92400e' }}">
            {{ $mSendable ? 'L\'envoi d\'e-mails est actif sur ce logiciel.' : 'L\'envoi d\'e-mails n\'est pas encore configuré sur ce logiciel : vos choix sont enregistrés, mais rien ne part tant que le fournisseur n\'a pas renseigné les réglages e-mail de la plateforme.' }}
        </p>
        @unless ($mTables)
            <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 e-mails ({{ $mRecipients->count() }})</p>
            @forelse ($mRecipients as $r)
                <p class="mt-1 text-slate-700">{{ $r['name'] }} <span class="text-slate-500">· {{ $r['source'] }} · {{ \App\Services\Alerts\WhatsAppAlertService::maskEmail($r['email']) }}</span></p>
            @empty
                <p class="mt-1 text-amber-700">Personne pour l'instant : renseignez l'<strong>adresse e-mail</strong> d'un administrateur (menu Utilisateurs).</p>
            @endforelse
            <p class="mt-2 text-xs text-slate-500">L'adresse est celle du champ « E-mail » de chaque administrateur de cet espace.</p>
        </div>

        <label class="{{ $row }} mb-4 text-sm"><input type="checkbox" name="enabled" value="1" @checked($ms['mail_enabled']) class="mt-0.5 rounded border-slate-300"><span><strong>Activer les alertes par e-mail</strong> de cet espace</span></label>

        <p class="mb-2 text-xs font-semibold uppercase tracking-wide text-slate-500">En direct (vérifiées toutes les 5 minutes)</p>
        <div class="space-y-3 text-sm">
            <label class="{{ $row }}"><input type="checkbox" name="offline" value="1" @checked($ms['mail_offline']) class="mt-0.5 rounded border-slate-300"><span><strong>Routeur hors ligne</strong> (et message quand il revient)</span></label>
            <label class="{{ $row }}"><input type="checkbox" name="stock" value="1" @checked($ms['mail_stock']) class="mt-0.5 rounded border-slate-300"><span><strong>Stock bas</strong> d'un revendeur (ou épuisé)</span></label>
            <label class="{{ $row }}"><input type="checkbox" name="summary" value="1" @checked($ms['mail_summary']) class="mt-0.5 rounded border-slate-300"><span><strong>Résumé de fin de journée</strong> (à l'heure réglée dans la carte « Alertes WhatsApp »)</span></label>
        </div>

        <p class="mb-2 mt-5 text-xs font-semibold uppercase tracking-wide text-slate-500">Alertes du jour (un seul e-mail chaque matin, à 7 h 30)</p>
        <div class="space-y-3 text-sm">
            <label class="{{ $row }}"><input type="checkbox" name="overdue" value="1" @checked($ms['mail_digest']['overdue']) class="mt-0.5 rounded border-slate-300"><span><strong>Soldes en retard</strong> des revendeurs</span></label>
            <label class="{{ $row }}"><input type="checkbox" name="expenses" value="1" @checked($ms['mail_digest']['expenses']) class="mt-0.5 rounded border-slate-300"><span><strong>Dépenses du mois élevées</strong></span></label>
            <label class="{{ $row }}"><input type="checkbox" name="pending" value="1" @checked($ms['mail_digest']['pending']) class="mt-0.5 rounded border-slate-300"><span><strong>Tickets en attente d'envoi</strong> (routeur injoignable)</span></label>
            <label class="{{ $row }}"><input type="checkbox" name="sales" value="1" @checked($ms['mail_digest']['sales']) class="mt-0.5 rounded border-slate-300"><span><strong>Ventes à rattacher</strong> (tickets utilisés en attente, rangés dans « Autres »)</span></label>
            <label class="{{ $row }}"><input type="checkbox" name="scheduler" value="1" @checked($ms['mail_digest']['scheduler']) class="mt-0.5 rounded border-slate-300"><span><strong>Tâche planifiée arrêtée</strong> (le relevé automatique ne tourne plus)</span></label>
            <label class="{{ $row }}"><input type="checkbox" name="reconciliation" value="1" @checked($ms['mail_digest']['reconciliation']) class="mt-0.5 rounded border-slate-300"><span><strong>Rapprochement</strong> à vérifier</span></label>
        </div>

        <label class="{{ $row }} mt-5 text-sm"><input type="checkbox" name="include_managers" value="1" @checked($ms['mail_include_managers']) class="mt-0.5 rounded border-slate-300"><span>Envoyer aussi aux <strong>gestionnaires</strong> qui ont une adresse e-mail</span></label>
        <p class="mt-3 rounded-lg bg-slate-50 px-3 py-2 text-xs text-slate-600">Le délai avant alerte, les rappels, les heures de silence et l'heure du résumé sont ceux de la carte « Alertes WhatsApp » : ils valent pour les deux canaux.</p>

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