{% load static i18n %}
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% trans "Password Reset" %}</title>
    <link rel="shortcut icon" href="{{ base_url }}{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400">
</head>

<body style="margin: 0; padding: 20px 0;">
    <table style="width: 100%; border-spacing: 0; border-collapse: collapse; max-width: 560px;">
        <tr>
            <td>
                <img src="{{ base_url }}{% static 'datacenterlight/img/datacenterlight.png' %}" style="max-width: 200px;">
            </td>
        </tr>
        <tr>
            <td style="padding-top: 15px;">
                <h1 style="font-family: Lato, Arial, sans-serif; font-size: 25px; font-weight: 400; margin: 0;">{% trans "Password Reset" %}</h1>
            </td>
        </tr>
        <tr>
            <td style="padding-top: 25px; font-size: 16px;">
                <p style="line-height: 1.75; font-family: Lato, Arial, sans-serif; font-weight: 300; margin-bottom: 10px; margin-top: 0;">
                    {% trans "We received a request to reset your password." %}
                </p>
                <p style="line-height: 1.75; font-family: Lato, Arial, sans-serif; font-weight: 300; margin-bottom: 10px; margin-top: 0;">
                    {% trans "If you didn't make this request you can safely ignore this email." %}
                <p style="line-height: 1.75; font-family: Lato, Arial, sans-serif; font-weight: 300; margin-bottom: 10px; margin-top: 0;">
                    {% trans "Otherwise, click here to reset your password." %}
                </p>
                <p style="color: #4382c8; line-height: 1.4; font-family: Lato, Arial, sans-serif; font-weight: 300; margin: 0;">
                    {% url 'hosting:reset_password_confirm' uidb64=uid token=token as password_reset_url %}
                    {{base_url}}{{ password_reset_url }}
                </p>
                <p style="line-height: 1.75; font-family: Lato, Arial, sans-serif; font-weight: 300; margin-bottom: 0; margin-top: 10px;">
                    {% trans "Thank you!" %}
                </p>
            </td>
        </tr>
        <tr>
            <td style="padding-top: 40px; padding-bottom: 25px;">
                <h3 style="font-family: Lato, Arial, sans-serif; margin: 0; font-weight: 400; font-size: 15px;">{% trans "Your Data Center Light Team" %}</h3>
            </td>
        </tr>
    </table>
</body>

</html>