{% extends 'emails/base_email_template.html' %}
{% load i18n %}

{% block title %}{% trans "Password Reset Request - PX360 Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "We received a request to reset your password. Click to reset it now." %}{% endblock %}

{% block content %}
<p style="margin: 0 0 15px;">
    {% trans "Hello" %} <strong>{{ user.email }}</strong>,
</p>

<p style="margin: 0 0 20px;">
    {% trans "We received a request to reset your password for your PX360 account. If you made this request, click the button below to reset your password:" %}
</p>

<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td align="center">
            <a href="{{ protocol }}://{{ domain }}{% url 'accounts:password_reset_confirm' uidb64=uid token=token %}"
               style="display: inline-block; padding: 12px 32px; font-size: 16px; font-weight: 600; color: #ffffff; text-decoration: none; border-radius: 6px; background-color: #005696;">
                {% trans "Reset My Password" %}
            </a>
        </td>
    </tr>
</table>

<p style="margin: 20px 0 5px; font-size: 14px; color: #666666;">
    {% trans "Or copy and paste this link into your browser:" %}
</p>
<p style="margin: 0 0 20px; font-size: 12px; color: #666666; word-break: break-all;">
    {{ protocol }}://{{ domain }}{% url 'accounts:password_reset_confirm' uidb64=uid token=token %}
</p>

<p style="margin: 0 0 0; font-size: 14px; color: #666666;">
    <strong>{% trans "Important:" %}</strong> {% trans "This link will expire in 24 hours. If you didn't request this password reset, please ignore this email and your password will remain unchanged." %}
</p>

<p style="margin: 15px 0 0; font-size: 14px; color: #666666;">
    {% trans "If you continue to have problems, please contact our support team." %}
</p>
{% endblock %}
