{# subject: Reset Your Imbi Password #}
{% extends "base.html" %}

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

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

{% block body %}
<h2 style="color: #1e3a8a; font-size: 20px; font-weight: 600; margin-top: 0; margin-bottom: 16px;">
    Hello {{ display_name }},
</h2>

<p style="margin: 0 0 16px 0; font-size: 16px;">
    We received a request to reset your password for your <strong>Imbi</strong> account. If you didn't make this request, you can safely ignore this email.
</p>

<p style="margin: 0 0 16px 0; font-size: 16px;">
    To reset your password, click the button below. This link will expire in <strong>24 hours</strong>.
</p>

<div style="text-align: center; margin: 30px 0;">
    <a href="{{ reset_url }}" class="button" style="display: inline-block; padding: 14px 28px; background-color: #3b82f6; color: #ffffff; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 16px;">
        Reset Your Password
    </a>
</div>

<div class="info-box" style="background-color: #eff6ff; border-left: 4px solid #3b82f6; padding: 16px; margin: 20px 0; border-radius: 4px;">
    <p style="margin: 0 0 8px 0; color: #1e40af; font-size: 14px;">
        <strong>Security Tips:</strong>
    </p>
    <ul style="margin: 0; padding-left: 20px; color: #1e40af; font-size: 14px;">
        <li style="margin-bottom: 4px;">This link expires in 24 hours</li>
        <li style="margin-bottom: 4px;">The link can only be used once</li>
        <li style="margin-bottom: 4px;">If you didn't request this, please ignore this email</li>
    </ul>
</div>

<p style="margin: 0 0 16px 0; font-size: 16px;">
    If the button above doesn't work, copy and paste this link into your browser:
</p>

<p style="margin: 0 0 16px 0; font-size: 14px; word-break: break-all; color: #6b7280; font-family: monospace;">
    {{ reset_url }}
</p>

<p style="margin: 0; font-size: 16px;">
    If you have any questions or didn't request a password reset, please contact your administrator immediately.
</p>
{% endblock %}