{% extends '@OroUser/Mail/layout.html.twig' %}

{% block content %}
    <style>
        @media (max-width: 480pt) {
            .wrapper{
                width: 100% !important;
            }
        }
        a:hover {
            text-decoration: underline;
        }
    </style>

    <table class="wrapper" style="border-collapse: collapse; width: 640px; width: 480pt; max-width: 100%; box-sizing: border-box">
        <tr>
            <td style="background-color: #ffffff; padding: 4pt">
                <span style="font-family: Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 14pt; color: #444444">Hello, {{ user|oro_format_name }}!</span>
                <div style="height: 10pt; line-height: 10pt">&nbsp;</div>
                <p style="color: #444444; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 5pt 0 5pt 0;">
                    A new user has been created for you at <a href="{{ oro_get_absolute_url('oro_user_security_login') }}">{{ oro_config_value('oro_ui.application_url') }}</a>
                </p>
                <p style="color: #444444; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 5pt 0 10pt 0;">
                    Please use the following credentials to log in:
                </p>
                <p style="color: #444444; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 5pt 0 10pt 0;">
                    <strong>Login:</strong> {{ user.username }}
                </p>

                {% if password is not empty %}
                    <p style="color: #444444; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 5pt 0 10pt 0;">
                        <strong>Password:</strong> {{ password }}
                    </p>
                    <p></p>
                    <p style="color: #444444; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 5pt 0 10pt 0;">
                        <strong>We strongly recommend that you change your password after logging in.</strong>
                    </p>
                {% else %}
                    <p style="color: #444444; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 5pt 0 10pt 0;">
                        <strong>Proceed to creating your own password by clicking the Reset Password button.</strong>
                    </p>
                    <table style="width: 100%;">
                        <tbody>
                        <tr>
                            <td>&nbsp;</td>
                            <td style="padding: 5pt 0; background: #2ea63a; width: 130pt; text-align: center">
                                <a style="color: #ffffff; font-size: 11pt; text-transform: uppercase; text-decoration: none; line-height: 1em; font-family: Arial, Helvetica, sans-serif;" href="{{ oro_get_absolute_url('oro_user_reset_reset', { token: user.confirmationToken }) }}" target="_blank">
                                    RESET&nbsp;PASSWORD
                                </a>
                            </td>
                            <td>&nbsp;</td>
                        </tr>
                        </tbody>
                    </table>
                {% endif %}
            </td>
        </tr>
    </table>
{% endblock %}