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

{% block body %}
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="auto"
           style="border-collapse:collapse">
        <tbody>
        <tr>
            <td align="center" valign="center" style="text-align:center; padding-bottom: 10px">
                <!--begin:Email content-->
                <div style="text-align:left; margin-bottom:54px">
                    <!--begin:Logo-->
                    <div style="margin:0 60px 55px 60px; display: flex; justify-content: center;">
                        <a href="{{ public_url }}" rel="noopener" target="_blank">
                            <img alt="Logo" src="{{ email.image('@private-space/assets/img/logo.png') }}"
                                 style="height: 35px"/>
                        </a>
                    </div>
                    <!--end:Logo-->
                    <!--begin:Text-->
                    <div style="font-size: 14px; font-weight: 500; margin:0 60px 30px 60px; font-family:Arial,Helvetica,sans-serif">
                        <p style="margin-bottom:9px; color:#181C32; font-size: 22px; font-weight:700">Bonjour {{ customer.fullName }},</p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6">
                            Nous vous informons que votre paiement n'a pas pu être traité.
                        </p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6">
                            <strong>Détails de votre commande :</strong><br>
                            Référence : <strong>{{ order.reference }}</strong><br>
                            Montant : <strong>{{ order.totalAmount }}€</strong>
                        </p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6">
                            <strong>Que faire maintenant ?</strong><br>
                            • Vérifiez vos informations bancaires<br>
                            • Assurez-vous que votre compte dispose de fonds suffisants<br>
                            • Réessayez le paiement depuis votre espace client<br>
                            • Contactez votre banque si le problème persiste
                        </p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6">
                            Vous pouvez réessayer votre paiement en vous connectant à votre espace client ou en nous contactant directement.
                        </p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6">
                            Pour toute assistance, contactez-nous par email à {{ mail_service_federal }}
                            <br>
                            ou par téléphone au : {{ phone_contact }}
                        </p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6;font-weight: 600;">
                            Nous restons à votre disposition,
                        </p>
                        <p style="margin-bottom:2px; color:#3F4254; line-height:1.6"> L'équipe FNAC
                        </p>
                    </div>
                    <!--end:Text-->
                </div>
                <!--end:Email content-->
            </td>
        </tr>
        <tr>
            <td align="center" valign="center"
                style="font-size: 13px; padding:0 15px; text-align:center; font-weight: 500; color: #A1A5B7;font-family:Arial,Helvetica,sans-serif">
                <p>&copy; Copyright FNAC.</p>
            </td>
        </tr>
        </tbody>
    </table>
{% endblock %}