{% extends 'emails/base_email.html.twig' %}

{% block subject %}Votre message a bien été reçu{% endblock %}

{% block content %}
    <h1 style="margin:0 0 16px; font-family:Georgia,'Times New Roman',serif; font-size:22px; font-weight:500; color:#283331;">
        Bonjour {{ contact.prenom }},
    </h1>

    <p style="margin:0 0 16px; font-size:15px; line-height:1.7; color:#283331;">
        J'ai bien reçu votre message et je vous réponds dans les meilleurs délais,
        généralement sous 48 heures ouvrées.
    </p>

    <div style="margin:24px 0; padding:20px; background-color:#F7F4EF; border-left:3px solid #8FA99A; border-radius:0 8px 8px 0;">
        <div style="font-size:12px; letter-spacing:1px; text-transform:uppercase; color:#4D6260; margin-bottom:8px;">Votre message</div>
        <div style="font-size:14px; line-height:1.7; color:#4D6260; white-space:pre-line;">{{ contact.message }}</div>
    </div>

    <p style="margin:0 0 16px; font-size:15px; line-height:1.7; color:#283331;">
        Si votre demande concerne une prise de rendez-vous, vous pouvez aussi
        réserver directement un créneau en ligne, sans attendre ma réponse.
    </p>

    <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:24px 0;">
        <tr>
            <td style="background-color:#A85E44; border-radius:40px;">
                <a href="{{ doctolib_url }}"
                   style="display:inline-block; padding:14px 30px; font-size:14px; color:#FFFFFF; text-decoration:none;">
                    Prendre rendez-vous
                </a>
            </td>
        </tr>
    </table>

    <div style="margin-top:28px; padding:16px 20px; background-color:#FBF0DC; border-radius:8px;">
        <p style="margin:0; font-size:13px; line-height:1.6; color:#6E5115;">
            <strong>En cas d'urgence</strong>, ce formulaire n'est pas le bon canal :
            il n'est pas relevé en continu. Composez le <strong>15</strong> (SAMU)
            ou le <strong>3114</strong> (numéro national de prévention du suicide,
            gratuit et joignable 24 h/24).
        </p>
    </div>

    <p style="margin:24px 0 0; font-size:15px; line-height:1.7; color:#283331;">
        À bientôt,<br>
        <span style="font-family:Georgia,'Times New Roman',serif; font-size:17px;">Maud Gaquère</span><br>
        <span style="font-size:13px; color:#4D6260;">Psychologue clinicienne</span>
    </p>
{% endblock %}

{% block footer %}
    Merci de ne pas répondre à cet e-mail automatique — écrivez plutôt à l'adresse de contact du cabinet.
    Vos données sont conservées trois ans maximum, conformément à notre politique de confidentialité.
{% endblock %}