{% trans_default_domain 'FOSUserBundle' %}

{% block body_html %}
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            a{text-decoration: none;}
            span {font-size: 14px;}
            p {font-size: 13px;line-height: 1.7;letter-spacing: 0.7px;margin-top: 0;}
            .btn{
                display: inline-block;
                font-weight: 400;
                line-height: 1.5;
                text-align: center;
                text-decoration: none;
                vertical-align: middle;
                user-select: none;
                background-color: transparent;
                border: 1px solid transparent;
                padding: 0.375rem 0.75rem;
                font-size: 0.8rem;
                border-radius: 0.25rem;
            }
            .btn-primary{
                background-color: #004870;
                color: #fff !important;
            }
        </style>
    </head>
    <body style="margin: 30px auto;width: 650px;font-family: work-Sans, sans-serif;background-color: #f6f7fb;display: block;">
    <table style="width: 100%">
        <tbody>
        <tr>
            <td>
                <table style="background-color: #f6f7fb; width: 100%">
                    <tbody>
                    <tr>
                        <td>
                            <table style="width: 650px; margin: 0 auto; margin-bottom: 30px">
                                <tbody>
                                <tr>
                                    <td><img src="{{ app.request.getSchemeAndHttpHost() ~ asset('assets/media/acmf.png') }}" style="max-width: 100px" alt=""></td>
                                    <td style="text-align: right; color:#999">
                                        <span>
                                            {% block subject %}
                                                {%- autoescape false -%}
                                                    {{ 'resetting.email.subject'|trans({'%username%': user.username}) }}
                                                {%- endautoescape -%}
                                            {% endblock %}
                                        </span>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table style="width: 650px; margin: 0 auto; background-color: #fff; border-radius: 8px">
                                <tbody>
                                <tr>
                                    <td style="padding: 30px">
                                        <div>
                                            {% block body_text %}
                                                <p>Bonjour {{ user.username }}!</p>
                                                <p>Nous avons reçu une demande de réinitialisation de votre mot de passe ACMF.
                                                </p>
                                                <p>
                                                    <a class="btn btn-primary" href="{% autoescape false %}{{ 'resetting.email.confirmationUrl'|trans({'%confirmationUrl%': confirmationUrl}) }}{% endautoescape %}">Définir un mot de passe</a>
                                                </p>
                                                <p>
                                                    Si vous avez reçu cet e-mail par erreur, veuillez simplement l’ignorer.
                                                </p>
                                                <p style="font-size:0.9em;">
                                                    Bien à vous,<br>
                                                    L’équipe ACMF.
                                                </p>
                                            {% endblock %}
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
    </body>
    </html>
{% endblock %}
