HH/templates/emails/observation_resolved.html
2026-04-08 17:13:35 +03:00

139 lines
6.3 KiB
HTML

{% extends 'emails/base_email_template.html' %}
{% load i18n %}
{% block title %}{% trans "Observation Resolved - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "An observation assigned to you has been resolved." %}{% endblock %}
{% block hero_title %}{% trans "Observation {{ status_display|default:'Resolved' }}" %}{% endblock %}
{% block hero_subtitle %}{% trans "An observation has been updated and requires your review" %}{% endblock %}
{% block content %}
<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>{{ recipient_name|default:'Colleague' }}</strong>,
</p>
<p style="margin: 0; font-size: 16px; color: #64748b; line-height: 1.6;">
{% blocktrans with status=status_display|default:"resolved" %}An observation assigned to you has been {{ status }}. Please review the resolution details below.{% endblocktrans %}
</p>
</td>
</tr>
</table>
<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 "Tracking Code" %}:</strong> {{ observation.tracking_code }}
</p>
</td>
</tr>
{% if observation.title %}
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #1e293b;">
<strong style="color: #005696;">{% trans "Title" %}:</strong> {{ observation.title }}
</p>
</td>
</tr>
{% endif %}
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Category" %}:</strong>
{% if observation.category %}{{ observation.category.name_en }}{% else %}N/A{% endif %}
</p>
</td>
</tr>
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Status" %}:</strong>
<span style="color: #005696; font-weight: 600;">
{{ observation.get_status_display }}
</span>
</p>
</td>
</tr>
{% if observation.assigned_department %}
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Department" %}:</strong> {{ observation.assigned_department.name }}
</p>
</td>
</tr>
{% endif %}
{% if observation.resolved_at %}
<tr>
<td style="padding: 8px 0;">
<p style="margin: 0; font-size: 14px; color: #64748b;">
<strong style="color: #005696;">{% trans "Resolved At" %}:</strong>
{{ observation.resolved_at|date:"F d, Y H:i" }}
</p>
</td>
</tr>
{% endif %}
</table>
</td>
</tr>
</table>
{% if observation.resolution_notes %}
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: 25px 0;">
<tr>
<td style="padding: 20px; background-color: #eef6fb; border-left: 4px solid #005696; border-radius: 8px;">
<p style="margin: 0 0 10px 0; font-size: 14px; font-weight: 600; color: #005696;">
{% trans "Resolution Notes" %}
</p>
<p style="margin: 0; font-size: 14px; color: #1e293b; line-height: 1.6; white-space: pre-wrap;">
{{ observation.resolution_notes }}
</p>
</td>
</tr>
</table>
{% else %}
<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 "No resolution notes have been provided for this observation." %}
</p>
</td>
</tr>
</table>
{% endif %}
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-top: 25px;">
<tr>
<td style="padding: 10px 0; font-size: 11px; color: #94a3b8; border-top: 1px solid #e2e8f0; padding-top: 20px;">
<p style="margin: 0 0 5px 0; font-size: 13px; color: #64748b; font-weight: 600; direction: rtl; text-align: right;">
تم {{ status_display_ar|default:"حل" }} الملاحظة - {{ observation.tracking_code }}
</p>
<p style="margin: 0; font-size: 12px; color: #94a3b8; direction: rtl; text-align: right; line-height: 1.8;">
تم تحديث حالة الملاحظة. يرجى مراجعة تفاصيل الحل.
</p>
</td>
</tr>
</table>
{% endblock %}
{% block cta_url %}{{ observation_url }}{% endblock %}
{% block cta_text %}{% trans "View Observation" %}{% endblock %}
{% block info_title %}{% trans "Notification Details" %}{% endblock %}
{% block info_content %}
{% trans "This is an automated notification from the PX 360 system." %}
{% endblock %}
{% block footer_address %}
PX360 Observation Management System<br>
Al Hammadi Hospital
{% endblock %}