{# Password reset request email (alternate Bootstrap style) — HTML #}
{% load static %}

{% block head %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
{% endblock head %}

{% block title %}
Password Reset Request
{% endblock title %}

{% block content %}
<div class="card w-100">
    <div class="card-body">
        <p class="card-text">
            Hi {{ user.username }},
        </p>

        <p class="card-text">
            You've requested to reset your password. Please use the following OTP to proceed:<br>
            <span style="font-size: 60px;"><b>{{ otp }}</b></span>.
            <br>This OTP expires in {{ otp_expiry|default:"5 minutes" }} minutes.
        </p>
        <br>

        <p class="card-text">
            If you didn't request this, please ignore this email.
        </p>
<br>
        <p class="card-text">
            Best Regards, <br>
            Fashionistar.
        </p>
    </div>
</div>
{% endblock content %}