@extends('layouts.app')

@section('title', 'E-mails & notifications · ' . $organization->name)
@section('eyebrow', 'Communiquer')
@section('heading', 'E-mails & notifications')

@section('content')
<div class="email-center">
    <section class="email-kpis">
        <article>
            <span>Remis au SMTP</span>
            <b>{{ $counts['submitted'] }}</b>
            <small>acceptés par le serveur d’envoi</small>
        </article>
        <article>
            <span>Configuration</span>
            <b>{{ $smtpReady ? 'Active' : 'À faire' }}</b>
            <small>
                {{ $smtpReady
                    ? 'SMTP prêt'
                    : 'aucun message ne peut partir' }}
            </small>
        </article>
        <article class="{{ $counts['failed'] ? 'negative' : '' }}">
            <span>Échecs</span>
            <b>{{ $counts['failed'] }}</b>
            <small>{{ $counts['failed'] ? 'à contrôler' : 'aucune erreur' }}</small>
        </article>
        <article>
            <span>Expéditeur</span>
            <b class="email-address">notification@ribambin.fr</b>
            <small>adresse technique commune</small>
        </article>
    </section>

    <div class="email-layout">
        <section class="email-card">
            <header>
                <div>
                    <span>TEST D’ENVOI</span>
                    <h2>Vérifier la configuration SMTP</h2>
                    <p>
                        Envoie le gabarit Ribambin à l’adresse de ton choix.
                    </p>
                </div>
                <span class="email-status {{ $smtpReady ? 'sent' : 'configuration-required' }}">
                    {{ $smtpReady ? 'SMTP prêt' : 'Configuration requise' }}
                </span>
            </header>

            <form
                method="post"
                action="{{ route('tenant.emails.test.send') }}"
                class="email-form"
            >
                @csrf
                <label>
                    Nom du destinataire
                    <input
                        name="recipient_name"
                        value="{{ auth()->user()?->name }}"
                        placeholder="Hugo Maillard"
                    >
                </label>

                <label>
                    Adresse du destinataire
                    <input
                        type="email"
                        name="recipient_email"
                        value="{{ auth()->user()?->email }}"
                        placeholder="adresse@exemple.fr"
                        required
                    >
                </label>

                <button
                    class="btn primary"
                    type="submit"
                    @disabled(!$smtpReady)
                >
                    {{ $smtpReady
                        ? 'Envoyer l’e-mail de test'
                        : 'Configurer le SMTP avant le test' }}
                </button>
            </form>

            <div class="email-preview">
                <div class="email-preview-toolbar">
                    <span>Aperçu du gabarit</span>
                    <div>
                        <button
                            type="button"
                            class="active"
                            data-email-preview="desktop"
                        >
                            Ordinateur
                        </button>
                        <button
                            type="button"
                            data-email-preview="mobile"
                        >
                            Mobile
                        </button>
                    </div>
                </div>

                <div
                    class="email-preview-frame"
                    data-email-preview-frame
                >
                    <div
                        class="email-preview-message"
                        style="--email-brand: {{ $settings->primary_color }}"
                    >
                        <div class="email-preview-brand">
                            @if($settings->logo_url)
                                <img
                                    src="{{ $settings->logo_url }}"
                                    alt=""
                                >
                            @else
                                <span>
                                    {{ mb_strtoupper(
                                        mb_substr($organization->name, 0, 1)
                                    ) }}
                                </span>
                            @endif
                            <div>
                                <b>{{ $organization->name }}</b>
                                <small>via Ribambin</small>
                            </div>
                        </div>

                        <div class="email-preview-content">
                            <small>MESSAGE DE TEST</small>
                            <h3>
                                Votre messagerie Ribambin fonctionne
                            </h3>
                            <p>
                                Cet e-mail confirme que la configuration
                                d’envoi de {{ $organization->name }} est
                                opérationnelle.
                            </p>
                            <a>Ouvrir Ribambin</a>
                        </div>

                        <footer>
                            <b>{{ $organization->name }}</b>
                            @if($settings->footer_address)
                                <span>{{ $settings->footer_address }}</span>
                            @endif
                            @if($settings->footer_phone)
                                <span>{{ $settings->footer_phone }}</span>
                            @endif
                            <small>
                                Envoyé via Ribambin ·
                                notification@ribambin.fr
                            </small>
                        </footer>
                    </div>
                </div>
            </div>
        </section>

        <aside class="email-card">
            <header>
                <div>
                    <span>IDENTITÉ DES E-MAILS</span>
                    <h2>{{ $organization->name }}</h2>
                    <p>
                        L’adresse technique reste fixe. Le nom, le
                        Reply-To et l’habillage sont propres à la crèche.
                    </p>
                </div>
            </header>

            <form
                method="post"
                action="{{ route('tenant.emails.settings.update') }}"
                class="email-form stacked"
            >
                @csrf
                @method('PATCH')

                <label>
                    Nom affiché de l’expéditeur
                    <input
                        name="from_name"
                        value="{{ old(
                            'from_name',
                            $settings->from_name
                        ) }}"
                        required
                    >
                </label>

                <label>
                    Adresse d’expédition
                    <input
                        value="notification@ribambin.fr"
                        disabled
                    >
                </label>

                <label>
                    Nom pour les réponses
                    <input
                        name="reply_to_name"
                        value="{{ old(
                            'reply_to_name',
                            $settings->reply_to_name
                        ) }}"
                    >
                </label>

                <label>
                    Adresse de réponse de la crèche
                    <input
                        type="email"
                        name="reply_to_address"
                        value="{{ old(
                            'reply_to_address',
                            $settings->reply_to_address
                        ) }}"
                        placeholder="direction@ma-creche.fr"
                    >
                </label>

                <label>
                    Adresse postale
                    <input
                        name="footer_address"
                        value="{{ old(
                            'footer_address',
                            $settings->footer_address
                        ) }}"
                    >
                </label>

                <label>
                    Téléphone
                    <input
                        name="footer_phone"
                        value="{{ old(
                            'footer_phone',
                            $settings->footer_phone
                        ) }}"
                    >
                </label>

                <label>
                    Logo public
                    <input
                        type="url"
                        name="logo_url"
                        value="{{ old(
                            'logo_url',
                            $settings->logo_url
                        ) }}"
                        placeholder="https://..."
                    >
                </label>

                <label>
                    Couleur principale
                    <input
                        type="color"
                        name="primary_color"
                        value="{{ old(
                            'primary_color',
                            $settings->primary_color
                        ) }}"
                    >
                </label>

                <button class="btn primary" type="submit">
                    Enregistrer l’identité
                </button>
            </form>
        </aside>
    </div>

    <section class="email-card">
        <header>
            <div>
                <span>MODÈLES DISPONIBLES</span>
                <h2>Gabarits transactionnels</h2>
                <p>
                    Le contenu utilise le même socle HTML/CSS responsive.
                </p>
            </div>
        </header>

        <div class="email-template-grid">
            @foreach($templates as $template)
                <article>
                    <span>{{ $template->is_system ? 'Système' : 'Crèche' }}</span>
                    <h3>{{ $template->label }}</h3>
                    <p>{{ $template->subject_template }}</p>
                    <small>{{ $template->template_key }}</small>
                </article>
            @endforeach
        </div>
    </section>

    <section class="email-card">
        <header>
            <div>
                <span>HISTORIQUE</span>
                <h2>Derniers envois</h2>
                <p>
                    Les erreurs SMTP sont conservées pour faciliter le
                    diagnostic.
                </p>
            </div>
        </header>

        <div class="email-history">
            <table>
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Destinataire</th>
                        <th>Objet</th>
                        <th>Statut</th>
                        <th>Détail</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($deliveries as $delivery)
                        <tr>
                            <td>
                                {{ $delivery->created_at?->format(
                                    'd/m/Y H:i'
                                ) }}
                            </td>
                            <td>{{ $delivery->recipient_email }}</td>
                            <td>{{ $delivery->subject }}</td>
                            <td>
                                <span class="email-status {{ $delivery->status }}">
                                    {{ [
                                        'submitted' => 'Remis au SMTP',
                                        'sent' => 'Remis au SMTP',
                                        'pending' => 'En attente',
                                        'failed' => 'Échec SMTP',
                                        'configuration_required' =>
                                            'Configuration requise',
                                    ][$delivery->status]
                                        ?? $delivery->status }}
                                </span>
                            </td>
                            <td>
                                @if($delivery->error_message)
                                    <details>
                                        <summary>Voir l’erreur</summary>
                                        <p>{{ $delivery->error_message }}</p>
                                    </details>
                                @else
                                    —
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5">
                                Aucun e-mail envoyé pour le moment.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>
</div>
@endsection