HH/templates/accounts/onboarding/invitation_email.html
2026-04-09 13:46:34 +03:00

50 lines
2.6 KiB
HTML

{% extends 'emails/base_email_template.html' %}
{% load i18n %}
{% block title %}{% trans "Welcome to PX360 - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "You have been invited to join PX360. Complete your account setup." %}{% endblock %}
{% block content %}
<h1 style="margin: 0 0 20px; font-size: 24px; font-weight: 600; color: #005696;">{% trans "Welcome to PX360!" %}</h1>
<p style="margin: 0 0 15px; font-size: 16px; color: #1e293b; line-height: 1.6;">
{% blocktrans with name=user.first_name|default:user.email %}Hello <strong>{{ name }}</strong>,{% endblocktrans %}
</p>
<p style="margin: 0 0 20px; font-size: 16px; color: #475569; line-height: 1.6;">
{% trans "You have been invited to join PX360, our comprehensive Patient Experience management platform. To complete your account setup, please click the button below." %}
</p>
<!-- Onboarding Steps -->
<div style="margin-bottom: 25px;">
<p style="margin: 0 0 12px; font-size: 15px; font-weight: 600; color: #005696;">{% trans "During onboarding, you will:" %}</p>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr><td style="padding: 6px 0; font-size: 15px; color: #475569;">✓ {% trans "Learn about PX360 features and your role" %}</td></tr>
<tr><td style="padding: 6px 0; font-size: 15px; color: #475569;">✓ {% trans "Set up your profile and preferences" %}</td></tr>
<tr><td style="padding: 6px 0; font-size: 15px; color: #475569;">✓ {% trans "Complete required training" %}</td></tr>
<tr><td style="padding: 6px 0; font-size: 15px; color: #475569;">✓ {% trans "Activate your account" %}</td></tr>
</table>
</div>
<!-- CTA Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center">
<a href="{{ invitation_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 "Complete Account Setup" %}
</a>
</td>
</tr>
</table>
<div style="padding: 15px; background-color: #fef3c7; border-radius: 6px; margin-top: 20px;">
<p style="margin: 0; font-size: 14px; color: #92400e; line-height: 1.5;">
<strong>{% trans "Important:" %}</strong> {% trans "This invitation link will expire in 7 days." %}
</p>
</div>
<p style="margin: 25px 0 0; font-size: 13px; color: #94a3b8; line-height: 1.5;">
{% trans "Need help? Contact support@alhammadi.com or call +966 11 123 4567." %}
</p>
{% endblock %}