{% 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 avons le plaisir de vous confirmer que votre paiement a été traité avec succès.
                        </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><br>
                            Date de paiement : <strong>{{ order.paidAt|date('d/m/Y à H:i') }}</strong>
                        </p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6">
                            Votre commande est maintenant validée et sera traitée dans les plus brefs délais.
                        </p>
                        <p style="margin-bottom:15px; color:#3F4254; line-height:1.6">
                            En cas de question, n'hésitez pas à nous contacter 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;">
                            Merci pour votre confiance,
                        </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 %}