{# Le courriel d'une demande reçue.

   Tout est en styles d'attribut : les clients de messagerie ne lisent pas de
   feuille externe, et beaucoup dépouillent même la balise <style> du document. #}
<div style="margin:0;padding:24px 12px;background:#f1efe8;font-family:Georgia,'Times New Roman',serif;color:#3a422f;">
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:560px;margin:0 auto;background:#f8f7f5;border:1px solid #e2ded2;border-radius:10px;">
        <tr>
            <td style="padding:20px 24px;background:#5c664c;border-radius:10px 10px 0 0;">
                <p style="margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#dbe2cd;">Jardin de Bohème</p>
                <p style="margin:4px 0 0;font-size:20px;color:#ffffff;">{{ contact.subject ? contact.subject.label : 'Message' }}</p>
            </td>
        </tr>

        <tr>
            <td style="padding:24px;">
                <p style="margin:0 0 18px;font-size:15px;line-height:1.6;color:#3a422f;">
                    <strong style="color:#1f2618;">{{ contact.name }}</strong> vous écrit depuis le site.
                    Répondez directement à ce courriel : la réponse lui arrivera.
                </p>

                <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="font-family:Helvetica,Arial,sans-serif;font-size:14px;">
                    {% set lines = {
                        'Adresse': contact.email,
                        'Téléphone': contact.phone,
                        'Commune': contact.city,
                        'Plante': contact.plant ? contact.plant.name : null,
                        'Prestation': contact.service ? contact.service.name : null,
                    } %}
                    {% for label, value in lines|filter(value => value) %}
                        <tr>
                            <td style="padding:6px 12px 6px 0;color:#5e6650;white-space:nowrap;vertical-align:top;">{{ label }}</td>
                            <td style="padding:6px 0;color:#1f2618;">
                                {% if label == 'Adresse' %}
                                    <a href="mailto:{{ value }}" style="color:#43512c;">{{ value }}</a>
                                {% elseif label == 'Téléphone' %}
                                    <a href="tel:{{ value|replace({' ': '', '.': ''}) }}" style="color:#43512c;">{{ value }}</a>
                                {% else %}
                                    {{ value }}
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </table>

                <div style="margin-top:20px;border-left:3px solid #dbe2cd;background:#f1efe8;padding:14px 16px;">
                    <p style="margin:0;font-size:15px;line-height:1.65;color:#3a422f;white-space:pre-line;">{{ contact.message }}</p>
                </div>
            </td>
        </tr>

        <tr>
            <td style="padding:14px 24px 20px;border-top:1px solid #e2ded2;font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#666e58;">
                {% if contact.originPath %}
                    Arrivé depuis <a href="{{ url('home')|trim('/', 'right') ~ contact.originPath }}" style="color:#43512c;">{{ contact.originPath }}</a>.
                {% else %}
                    Arrivé par la page de contact.
                {% endif %}
            </td>
        </tr>
    </table>
</div>