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

{% block content %}
<table width="600" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
    <tr>
        <td style="padding: 32px;">
            <h1 style="font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 700; color: #111827; margin: 0 0 16px;">{{ customer.raisonSociale ? 'Chez ' ~ customer.raisonSociale : 'Bonjour ' ~ customer.firstName }},</h1>
            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #374151; line-height: 22px; margin: 0 0 16px;">
                Votre refus du devis <strong>{{ devis.orderNumber.numOrder }}</strong> a bien ete enregistre. Notre equipe a ete notifiee et reviendra vers vous si besoin.
            </p>
            {% if reason %}
                <div style="border-left: 3px solid #dc2626; padding: 8px 16px; background: #fef2f2; margin: 16px 0;">
                    <p style="font-family: Arial; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #9ca3af; margin: 0 0 4px;">Motif transmis</p>
                    <p style="font-family: Arial; font-size: 13px; color: #374151; margin: 0; font-style: italic; white-space: pre-wrap;">{{ reason }}</p>
                </div>
            {% endif %}
            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9ca3af; margin: 24px 0 0;">
                Pour toute question : <a href="mailto:client@e-cosplay.fr" style="color: #fabf04;">client@e-cosplay.fr</a>
            </p>
        </td>
    </tr>
</table>
{% endblock %}
