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

{% block title %}{% trans "Set Your PX360 Password - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "Your PX360 account has been created. Set your password securely." %}{% endblock %}

{% block content %}
<p style="margin: 0 0 15px;">
    {% trans "Dear" %} <strong>{{ staff.get_full_name }}</strong>,
</p>

<p style="margin: 0 0 20px;">
    {% trans "Your PX360 account has been created. For your security, no password is sent by email. Use the button below to set your password." %}
</p>

<p style="margin: 0 0 5px;"><strong>{% trans "Username:" %}</strong> {{ user.username }}</p>
<p style="margin: 0 0 20px;"><strong>{% trans "Email:" %}</strong> {{ staff.email }}</p>

<p style="margin: 0 0 25px;">
    <strong>{% trans "Security Notice:" %}</strong> {% trans "Please change your password after your first login for security purposes." %}
</p>

<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td align="center">
            <a href="{{ reset_url }}"
               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 "Set Password" %}
            </a>
        </td>
    </tr>
</table>

<p style="margin: 25px 0 0; font-size: 14px; color: #666666;">
    {% trans "If you have any questions or need assistance, please contact your system administrator." %}
</p>
{% endblock %}