{% extends "emails/layout_charte.html" %}
{% block email_title %}{{ sujet_court }}{% endblock %}
{% block email_body %}
<p style="margin:0 0 10px;font-size:15px;font-weight:600;color:#0f8680;">
    {{ titre_rappel }}
</p>
<p style="margin:0 0 14px;font-size:16px;line-height:1.6;color:#0a2233;">
    Bonjour{% if user.first_name %}, <strong>{{ user.first_name }}</strong>{% endif %},
</p>
<p style="margin:0 0 14px;font-size:15px;color:#145470;line-height:1.65;">
    {{ phrase_delai }}
</p>
<p style="margin:0 0 12px;font-size:15px;color:#0a2233;line-height:1.65;">
    <strong>Quand :</strong> {{ date_rdv }}<br>
    <strong>Mode :</strong> {{ mode_label }}<br>
    <strong>Accompagnateur :</strong> {{ accompagnateur_nom }}
</p>
{% if mode_code == "video" and lien_meet %}
<p style="margin:0 0 10px;font-size:14px;color:#5c7d90;line-height:1.65;">
    Connexion visio (Google Meet) :
</p>
<table role="presentation" cellspacing="0" cellpadding="0" style="margin:0 auto 18px;">
    <tr>
        <td style="border-radius:10px;background:#1a6f91;">
            <a href="{{ lien_meet }}" style="display:inline-block;padding:12px 24px;font-size:15px;font-weight:600;color:#ffffff;text-decoration:none;">Rejoindre l'appel Meet</a>
        </td>
    </tr>
</table>
<p style="margin:0 0 18px;font-size:13px;color:#5c7d90;word-break:break-all;">{{ lien_meet }}</p>
{% elif mode_code == "message" %}
<p style="margin:0 0 10px;font-size:14px;color:#5c7d90;line-height:1.65;">
    Rendez-vous par <strong>WhatsApp Business</strong> — numéro à utiliser :
</p>
<p style="margin:0 0 8px;font-size:18px;font-weight:700;color:#0d3044;">{{ whatsapp_numero_affiche }}</p>
<table role="presentation" cellspacing="0" cellpadding="0" style="margin:0 auto 18px;">
    <tr>
        <td style="border-radius:10px;background:#128C7E;">
            <a href="{{ whatsapp_lien }}" style="display:inline-block;padding:12px 24px;font-size:15px;font-weight:600;color:#ffffff;text-decoration:none;">Ouvrir WhatsApp</a>
        </td>
    </tr>
</table>
<p style="margin:0 0 18px;font-size:13px;color:#5c7d90;">Lien direct : {{ whatsapp_lien }}</p>
{% endif %}
<table role="presentation" cellspacing="0" cellpadding="0" style="margin:0 auto;">
    <tr>
        <td style="border-radius:10px;background:#1a6f91;">
            <a href="{{ site_url }}{{ lien_mes_rdv }}" style="display:inline-block;padding:12px 24px;font-size:15px;font-weight:600;color:#ffffff;text-decoration:none;">Mes rendez-vous</a>
        </td>
    </tr>
</table>
{% endblock %}