{% extends 'app/base.html.twig' %}

{% block title %}Envoyer un email groupé{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 fw-bold page-title mb-0"><i class="fas fa-paper-plane me-2"></i>Contacts parents</h1>
        <small class="text-muted">{{ total_actifs }} abonné(s) actif(s)</small>
    </div>
</div>

{# ── Onglets ─────────────────────────────────────────────────────────────── #}
<ul class="nav nav-tabs mb-4">
    <li class="nav-item">
        <a class="nav-link" href="{{ path('tenant_contacts_parents_index') }}">
            <i class="fas fa-list me-1"></i>Liste
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link active" href="{{ path('tenant_contacts_parents_envoyer_email') }}">
            <i class="fas fa-paper-plane me-1"></i>Envoyer un email
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ path('tenant_contacts_parents_historique_email') }}">
            <i class="fas fa-history me-1"></i>Historique
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{{ path('tenant_contacts_parents_parametres_email') }}">
            <i class="fas fa-cog me-1"></i>Paramètres
        </a>
    </li>
</ul>

{% if not config.email_expediteur %}
<div class="alert alert-warning d-flex gap-2 align-items-start">
    <i class="fas fa-exclamation-triangle mt-1"></i>
    <div>
        <strong>Email expéditeur non configuré.</strong>
        Veuillez d'abord renseigner les <a href="{{ path('tenant_contacts_parents_parametres_email') }}">paramètres email</a> avant d'envoyer.
    </div>
</div>
{% endif %}

<div class="card border-0 shadow-sm rounded-3" style="max-width:700px">
    <div class="card-body p-4">
        <form method="post" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token('envoyer_email_groupe') }}">

            {# Destinataires #}
            <div class="mb-3">
                <label class="form-label fw-semibold">Destinataires <span class="text-danger">*</span></label>
                <select name="destinataires" class="form-select">
                    <option value="tous_actifs">Tous les abonnés actifs ({{ total_actifs }})</option>
                    <option value="tous">Tous les contacts ({{ total_tous }})</option>
                    <option value="inactifs">Désabonnés uniquement ({{ total_tous - total_actifs }})</option>
                </select>
            </div>

            {# Sujet #}
            <div class="mb-3">
                <label class="form-label fw-semibold">Sujet <span class="text-danger">*</span></label>
                <input type="text" name="sujet" class="form-control" required maxlength="500"
                       placeholder="Ex : Menu de la semaine du 16 au 20 mars">
            </div>

            {# Message #}
            <div class="mb-3">
                <label class="form-label fw-semibold">Message <span class="text-danger">*</span></label>
                <textarea name="message" class="form-control" rows="10" required
                          placeholder="Rédigez votre message ici..."></textarea>
                <small class="text-muted">La signature configurée dans les paramètres sera ajoutée automatiquement.</small>
            </div>

            {# Pièce jointe #}
            <div class="mb-3">
                <label class="form-label fw-semibold">Pièce jointe <span class="text-muted fw-normal">(optionnel)</span></label>
                <input type="file" name="piece_jointe" id="piece_jointe" class="form-control"
                       accept=".pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg,.gif,.zip">
                <small class="text-muted">Formats acceptés : PDF, Word, Excel, images, ZIP — 5 Mo max.</small>
            </div>

            {# Mode test #}
            <div class="mb-4">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="mode_test" value="1" id="modeTest">
                    <label class="form-check-label" for="modeTest">
                        <strong>Mode test</strong> — Envoyer uniquement à <code>{{ config.email_expediteur ?: 'l\'adresse expéditrice' }}</code>
                    </label>
                </div>
            </div>

            {# Info expéditeur #}
            {% if config.email_expediteur %}
            <div class="alert alert-light border small mb-4">
                <i class="fas fa-info-circle text-primary me-1"></i>
                Expéditeur : <strong>{{ config.nom_expediteur ?: config.nom_etablissement }}</strong>
                &lt;{{ config.email_expediteur }}&gt;
            </div>
            {% endif %}

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary" {{ not config.email_expediteur ? 'disabled' : '' }}>
                    <i class="fas fa-paper-plane me-1"></i>Envoyer
                </button>
                <a href="{{ path('tenant_contacts_parents_index') }}" class="btn btn-outline-secondary">Annuler</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}