{% extends "emails/layout_charte.html" %}

{% block email_title %}Nouveau message de contact — GiniFollow{% endblock %}

{% block email_body %}
<p style="margin:0 0 16px;font-size:16px;font-weight:700;color:#0d3044;">
    Nouveau message reçu depuis le site GiniFollow
</p>
<p style="margin:0 0 20px;font-size:14px;color:#3b5668;line-height:1.6;">
    Un utilisateur vient de soumettre une demande d'information depuis le formulaire de contact. Voici les détails :
</p>

<table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="background:#f4f9fc;border-radius:10px;padding:16px;margin-bottom:20px;border:1px solid #d6eef7;">
    <tr>
        <td style="padding:6px 0;font-size:13px;color:#5c7d90;width:120px;"><strong>Nom :</strong></td>
        <td style="padding:6px 0;font-size:13px;color:#0e2535;font-weight:600;">{{ nom }}</td>
    </tr>
    <tr>
        <td style="padding:6px 0;font-size:13px;color:#5c7d90;"><strong>Email :</strong></td>
        <td style="padding:6px 0;font-size:13px;color:#0284c7;font-weight:600;"><a href="mailto:{{ email }}" style="color:#0284c7;text-decoration:none;">{{ email }}</a></td>
    </tr>
    <tr>
        <td style="padding:6px 0;font-size:13px;color:#5c7d90;"><strong>Téléphone :</strong></td>
        <td style="padding:6px 0;font-size:13px;color:#0e2535;">{{ telephone|default:"Non renseigné" }}</td>
    </tr>
    <tr>
        <td style="padding:6px 0;font-size:13px;color:#5c7d90;"><strong>Sujet :</strong></td>
        <td style="padding:6px 0;font-size:13px;color:#0e2535;font-weight:600;">{{ sujet }}</td>
    </tr>
</table>

<div style="background:#ffffff;border-left:4px solid #0284c7;padding:14px 16px;border-radius:4px;margin-bottom:20px;">
    <p style="margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:#5c7d90;font-weight:700;">Message :</p>
    <p style="margin:0;font-size:14px;color:#0e2535;line-height:1.6;white-space:pre-wrap;">{{ message_txt }}</p>
</div>

<p style="margin:0;font-size:13px;color:#5c7d90;">
    Vous pouvez répondre directement à cet e-mail pour entrer en contact avec l'utilisateur.
</p>
{% endblock %}