{% extends 'core/email/base-felix.html.twig' %}

{% trans_default_domain 'security_cms' %}

{% set resetLink = app.request.getSchemeAndHttpHost() ~ path('security_password_confirm', {"_locale": app.request.locale, "token": token|url_encode}) %}

{% block metaTitle %}{{ "Modification de votre mot de passe."|trans|striptags }}{% endblock %}

{% block preheader %}{% endblock %}

{% block title %}
    {{ "Bonjour"|trans ~ " " ~ user.username }}, <br>
    {{ "vous avez oublié votre mot de passe ?"|trans }}
{% endblock %}

{% block info %}
    {{ "Cet e-mail vous a été envoyé, car nous avons reçu une demande de modification de mot de passe pour votre compte."|trans|raw }}
{% endblock %}

{% block body %}

    <!-- start copy -->
    <tr>
        <td align="center" bgcolor="#ffffff"
            style="padding: 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
            <p style="margin: 0;">{{ "Cliquez sur le bouton ci-dessous pour le modifier. Si vous n'êtes pas à l'origine de cette demande, vous pouvez supprimer cet e-mail en toute sécurité. La validité de ce lien est de 2 heures."|trans|raw }}</p>
        </td>
    </tr>
    <!-- end copy -->

    <tr>
        <td align="left" bgcolor="#ffffff">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td align="center" bgcolor="#ffffff" style="padding: 12px;">
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td align="center" bgcolor="#fd6c35" style="border-radius: 0;">
                                    <a href="{{ resetLink }}" target="_blank" style="display: inline-block; padding: 16px 36px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; color: #ffffff; text-decoration: none; border-radius: 0;">
                                        {{ "Modifier mon mot de passe"|trans|raw }}
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td align="center" bgcolor="#ffffff"
            style="padding: 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
            <p style="margin: 0;">{{ "Si cela ne fonctionne pas, copiez et collez le lien suivant dans votre navigateur :"|trans|raw }}</p>
            <p style="margin: 0;">
                <a href="{{ resetLink }}" target="_blank" style="text-decoration: none; color: #1a82e2;">{{ resetLink }}</a>
            </p>
        </td>
    </tr>

{% endblock %}