{% extends 'mails/base.twig' %}

{% block content %}
    <mj-section background-color="#ffffff" padding-top="20px">
        <mj-column width="100%">
            <mj-text font-size="14px" color="#475569" font-family="Arial, sans-serif" line-height="1.6">
                Le devis n°<strong>{{ datas.devis.num }}</strong> a été <span style="color: #ef4444; font-weight: bold;">refusé</span> par le client <strong>{{ datas.devis.customer.name }} {{ datas.devis.customer.surname }}</strong>.
            </mj-text>
        </mj-column>
    </mj-section>

    <mj-section background-color="#ffffff" padding="0px">
        <mj-column width="90%" background-color="#fef2f2" border="1px solid #fecaca" border-radius="8px">
            <mj-table font-family="Arial, sans-serif" font-size="14px" padding="15px">
                <tr>
                    <td style="padding: 5px 0; color: #64748b;">N° Devis :</td>
                    <td style="padding: 5px 0; text-align: right; font-weight: bold;">{{ datas.devis.num }}</td>
                </tr>
                <tr>
                    <td style="padding: 5px 0; color: #64748b;">Client :</td>
                    <td style="padding: 5px 0; text-align: right;">{{ datas.devis.customer.name }} {{ datas.devis.customer.surname }}</td>
                </tr>
                <tr>
                    <td style="padding: 5px 0; color: #64748b;">Raison du refus :</td>
                    <td style="padding: 5px 0; text-align: right; font-weight: bold; color: #ef4444;">{{ datas.raison }}</td>
                </tr>
                <tr>
                    <td style="padding: 5px 0; color: #64748b;">Date :</td>
                    <td style="padding: 5px 0; text-align: right;">{{ "now"|date("d/m/Y à H:i") }}</td>
                </tr>
            </mj-table>
        </mj-column>
    </mj-section>

    <mj-section background-color="#ffffff">
        <mj-column width="100%">
            <mj-text font-size="13px" color="#64748b" font-family="Arial, sans-serif" font-style="italic" align="center">
                Ce devis est désormais marqué comme "Refusé" dans le CRM. Une relance commerciale est peut-être nécessaire.
            </mj-text>
            <mj-button background-color="#1e293b" color="white" font-size="14px" font-weight="bold" href="https://intranet.ludikevent.fr/crm/devis" border-radius="6px" padding-top="20px">
                GÉRER LE DEVIS
            </mj-button>
        </mj-column>
    </mj-section>
{% endblock %}
