HH/templates/emails/new_complaint_admin_notification.html
2026-03-15 23:48:45 +03:00

135 lines
6.0 KiB
HTML

{% extends 'emails/base_email_template.html' %}
{% load i18n %}
{% block title %}{% trans "New Complaint Notification - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{{ priority_badge|default:"New" }} complaint: {{ complaint_title|truncatechars:50 }}{% endblock %}
{% block hero_title %}{{ priority_badge|default:"New" }} Complaint{% endblock %}
{% block hero_subtitle %}A new complaint requires your attention{% endblock %}
{% block content %}
<!-- Greeting -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding-bottom: 20px;">
<p style="margin: 0 0 15px 0; font-size: 16px; color: #1e293b; line-height: 1.6;">
{% trans "Dear" %} <strong>{{ admin_name|default:'Admin' }}</strong>,
</p>
<p style="margin: 0; font-size: 16px; color: #64748b; line-height: 1.6;">
{% trans "A new complaint has been submitted and requires your attention. Please review the details below." %}
</p>
</td>
</tr>
</table>
<!-- Complaint Details Box -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: 25px 0;">
<tr>
<td style="padding: 20px; background-color: #f8fafc; border-left: 4px solid #005696; border-radius: 8px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Reference" %}:</strong> {{ reference_number }}
</p>
</td>
</tr>
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #1e293b;">
<strong style="color: #005696;">{% trans "Title" %}:</strong> {{ complaint_title }}
</p>
</td>
</tr>
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Priority" %}:</strong>
<span style="color: {% if priority == 'critical' %}#dc2626{% elif priority == 'high' %}#f97316{% elif priority == 'medium' %}#f59e0b{% else %}#10b981{% endif %}; font-weight: 600;">
{{ priority|title }}
</span>
</p>
</td>
</tr>
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Severity" %}:</strong>
<span style="color: {% if severity == 'critical' %}#dc2626{% elif severity == 'high' %}#f97316{% elif severity == 'medium' %}#f59e0b{% else %}#10b981{% endif %}; font-weight: 600;">
{{ severity|title }}
</span>
</p>
</td>
</tr>
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Patient" %}:</strong> {{ patient_name|default:"N/A" }}
</p>
</td>
</tr>
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Hospital" %}:</strong> {{ hospital_name|default:"N/A" }}
</p>
</td>
</tr>
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Department" %}:</strong> {{ department_name|default:"N/A" }}
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Description -->
{% if description %}
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: 25px 0;">
<tr>
<td style="padding: 20px; background-color: #f8fafc; border-radius: 8px;">
<p style="margin: 0 0 10px 0; font-size: 14px; font-weight: 600; color: #005696;">
{% trans "Description" %}
</p>
<p style="margin: 0; font-size: 14px; color: #1e293b; line-height: 1.6; white-space: pre-wrap;">
{{ description }}
</p>
</td>
</tr>
</table>
{% endif %}
<!-- Action Note -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: 25px 0;">
<tr>
<td style="padding: 15px 20px; background-color: #eef6fb; border-radius: 8px;">
<p style="margin: 0; font-size: 14px; color: #005696; line-height: 1.6;">
{% trans "Please review and activate this complaint at your earliest convenience." %}
</p>
</td>
</tr>
</table>
{% endblock %}
{% block cta_url %}{{ complaint_url }}{% endblock %}
{% block cta_text %}{% trans "View Complaint" %}{% endblock %}
{% block info_title %}{% trans "Notification Details" %}{% endblock %}
{% block info_content %}
<strong>{% trans "Type:" %}</strong> {{ notification_type|default:"Working Hours" }}<br>
<strong>{% trans "Time:" %}</strong> {{ current_time }}<br>
{% trans "This is an automated notification from the PX 360 system." %}
{% endblock %}
{% block footer_address %}
PX360 Complaint Management System<br>
Al Hammadi Hospital
{% endblock %}