{% extends "base.html" %}

{% block title %}Reset Your Password - {{ app_name }}{% endblock %}

{% block content %}
<h1>Reset Your Password</h1>

<p>Hi{{ " " + user_name if user_name else "" }},</p>

<p>
    We received a request to reset the password for your {{ app_name }} account.
    Click the button below to choose a new password.
</p>

<p style="text-align: center;">
    <a href="{{ reset_url }}" class="button">Reset Password</a>
</p>

<p style="text-align: center; font-size: 14px; color: #71717a;">
    Or copy and paste this link into your browser:<br>
    <a href="{{ reset_url }}">{{ reset_url }}</a>
</p>

<div class="warning-box">
    <p>
        This link will expire in {{ expires_in | default("1 hour") }}.
        If you did not request a password reset, please ignore this email
        or contact support if you have concerns.
    </p>
</div>

<div class="divider"></div>

<h2>Security Tips</h2>
<p>When creating your new password:</p>
<ul style="color: #52525b; padding-left: 24px;">
    <li>Use at least 12 characters</li>
    <li>Mix uppercase and lowercase letters</li>
    <li>Include numbers and special characters</li>
    <li>Avoid using personal information</li>
    <li>Do not reuse passwords from other sites</li>
</ul>

<div class="divider"></div>

<p style="color: #71717a; font-size: 14px;">
    If you did not request a password reset, your account is still secure.
    No changes have been made. Someone may have entered your email address
    by mistake.
</p>
{% endblock %}