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

{% block title %}{% trans "Your PX360 Account Credentials - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "Your PX360 account has been created. Find your login credentials below." %}{% 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. Below are your login credentials." %}
</p>

<p style="margin: 0 0 5px;"><strong>{% trans "Username:" %}</strong> {{ user.username }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Password:" %}</strong> {{ password }}</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="{{ login_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 "Login to PX360" %}
            </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 %}