{% extends '@SyliusShop/Email/Templates/customLayout.html.twig' %}

{% block subject %}
    {{ 'sylius.email.password_reset.subject'|trans({}, null, localeCode) }}
{% endblock %}

{% block content %}
    {% set resetUrl = channel.hostname is not null
        ? 'http://' ~ channel.hostname ~ path('sylius_shop_password_reset', {'token': user.passwordResetToken})
        : url('sylius_shop_password_reset', {'token': user.passwordResetToken}) %}

    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #1a1a1a;">
        <tr>
            <td align="center" style="padding: 20px 0;">
                <!-- En-tête avec logo -->
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600">
                    <tr>
                        <td align="center" style="padding: 20px 0;">
                            <img src="http://prise-de-commande-dev.lerda.fr/themes/bootstrap-theme/images/lerda-logo-200.png" alt="Logo-Lerda" style="height: 170px;">
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <hr style="border: none; border-top: 1px solid #444; width: 80%; margin: 10px 0;" />
                        </td>
                    </tr>
                </table>

                <!-- Titre -->
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600">
                    <tr>
                        <td align="center" style="padding: 20px 0; font-size: 24px; font-weight: bold; color: #ffffff;">
                            {{ 'sylius.email.password_reset.subject'|trans({}, null, localeCode) }}
                        </td>
                    </tr>
                </table>

                <!-- Corps du message -->
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" style="background-color: #2a2a2a; border-radius: 5px;">
                    <tr>
                        <td align="center" style="padding: 30px; font-size: 16px; line-height: 24px; color: #ffffff;">
                            <p style="margin: 0 0 10px 0;">
                                {{ 'sylius.email.password_reset.hello'|trans({}, null, localeCode) }}
                                <strong>{{ user.username }}</strong>,
                            </p>
                            <p style="margin: 0 0 10px 0;">
                                {{ 'sylius.email.password_reset.to_reset_your_password'|trans({}, null, localeCode) }}
                            </p>
                        </td>
                    </tr>
                </table>

                <!-- Bouton -->
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600">
                    <tr>
                        <td align="center" style="padding: 30px 0;">
                            <a
                                href="{{ resetUrl|raw }}"
                                style="display: inline-block; padding: 12px 24px; background-color: #0056b3; color: #ffffff; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: bold;"
                            >
                                {{ 'sylius.email.password_reset.reset_your_password'|trans({}, null, localeCode) }}
                            </a>
                        </td>
                    </tr>
                </table>

                <!-- Pied de page -->
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600">
                    <tr>
                        <td align="center" style="padding: 20px 0; font-size: 12px; color: #888;">
                            Envoyé par <a href="{{ 'http://' ~ channel.hostname }}" style="color: #888; text-decoration: underline;">LERDA</a> via le formulaire de réinitialisation de mot de passe.
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
{% endblock %}