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

{% block title %}{% trans "Your PX360 Account Has Been Created - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "Your account is ready." %}{% endblock %}

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

<p style="margin: 0 0 20px;">
    {% trans "An account has been created for you on PX360." %}
</p>

<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: 0 0 20px; background-color: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0;">
    <tr>
        <td style="padding: 20px;">
            <p style="margin: 0 0 8px;"><strong>{% trans "Email:" %}</strong> {{ user.email }}</p>
            {% if temp_password %}
            <p style="margin: 0 0 8px;"><strong>{% trans "Temporary Password:" %}</strong> <code style="background-color: #fee2e2; padding: 2px 8px; border-radius: 4px; font-size: 14px; color: #dc2626;">{{ temp_password }}</code></p>
            {% endif %}
        </td>
    </tr>
</table>

{% if reset_url %}
<p style="margin: 0 0 25px;">
    <strong>{% trans "Important:" %}</strong> {% trans "For security, please set your password using the link below." %}
</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 New Password" %}
            </a>
        </td>
    </tr>
</table>
{% else %}
<p style="margin: 0 0 25px;">
    {% trans "You can now log in using the credentials provided to you by your administrator." %}
</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 "Log In" %}
            </a>
        </td>
    </tr>
</table>
{% endif %}

<p style="margin: 25px 0 0; font-size: 14px; color: #666666;">
    {% trans "If you did not expect this account creation, please contact your system administrator immediately." %}
</p>
{% endblock %}