149 lines
6.2 KiB
HTML
149 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
|
|
.container { max-width: 600px; margin: 0 auto; padding: 20px; }
|
|
.header {
|
|
background: {% if is_high_priority %}#dc2626{% else %}#005696{% endif %};
|
|
color: white;
|
|
padding: 20px;
|
|
text-align: center;
|
|
border-radius: 8px 8px 0 0;
|
|
}
|
|
.header h1 { margin: 0; font-size: 24px; }
|
|
.badge {
|
|
display: inline-block;
|
|
padding: 4px 12px;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
}
|
|
.badge-urgent { background: #fee2e2; color: #dc2626; }
|
|
.badge-normal { background: #dbeafe; color: #005696; }
|
|
.content { background: #f9fafb; padding: 20px; }
|
|
.section {
|
|
background: white;
|
|
padding: 15px;
|
|
margin-bottom: 15px;
|
|
border-radius: 8px;
|
|
border-left: 4px solid {% if is_high_priority %}#dc2626{% else %}#005696{% endif %};
|
|
}
|
|
.section h2 {
|
|
margin: 0 0 10px 0;
|
|
color: {% if is_high_priority %}#dc2626{% else %}#005696{% endif %};
|
|
font-size: 16px;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
padding-bottom: 8px;
|
|
}
|
|
.field { margin-bottom: 8px; }
|
|
.label { font-weight: bold; color: #64748b; display: inline-block; width: 120px; }
|
|
.value { color: #111827; }
|
|
.description {
|
|
background: #f3f4f6;
|
|
padding: 10px;
|
|
border-radius: 4px;
|
|
font-style: italic;
|
|
margin-top: 10px;
|
|
}
|
|
.action {
|
|
text-align: center;
|
|
padding: 20px;
|
|
background: {% if is_high_priority %}#fef2f2{% else %}#eef6fb{% endif %};
|
|
border-radius: 8px;
|
|
margin-top: 20px;
|
|
}
|
|
.btn {
|
|
display: inline-block;
|
|
padding: 12px 30px;
|
|
background: {% if is_high_priority %}#dc2626{% else %}#005696{% endif %};
|
|
color: white;
|
|
text-decoration: none;
|
|
border-radius: 6px;
|
|
font-weight: bold;
|
|
}
|
|
.footer {
|
|
text-align: center;
|
|
padding: 20px;
|
|
color: #64748b;
|
|
font-size: 12px;
|
|
border-top: 1px solid #e5e7eb;
|
|
}
|
|
.notification-type {
|
|
display: inline-block;
|
|
padding: 4px 10px;
|
|
border-radius: 4px;
|
|
font-size: 11px;
|
|
{% if is_working_hours %}
|
|
background: #d1fae5;
|
|
color: #065f46;
|
|
{% else %}
|
|
background: #fef3c7;
|
|
color: #92400e;
|
|
{% endif %}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>{% if is_high_priority %}🚨 URGENT{% else %}📋 NEW{% endif %} COMPLAINT</h1>
|
|
<span class="badge {% if is_high_priority %}badge-urgent{% else %}badge-normal{% endif %}">
|
|
#{{ complaint.reference_number }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<p>Dear <strong>{{ admin_name|default:"Admin" }}</strong>,</p>
|
|
<p>A new complaint has been submitted and requires your attention.</p>
|
|
|
|
<div class="section">
|
|
<h2>📋 Complaint Details</h2>
|
|
<div class="field"><span class="label">Reference:</span> <span class="value">{{ complaint.reference_number }}</span></div>
|
|
<div class="field"><span class="label">Title:</span> <span class="value">{{ complaint.title }}</span></div>
|
|
<div class="field"><span class="label">Priority:</span> <span class="value">{{ priority_display }}</span></div>
|
|
<div class="field"><span class="label">Severity:</span> <span class="value">{{ severity_display }}</span></div>
|
|
<div class="field"><span class="label">Status:</span> <span class="value">{{ status_display }}</span></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>👤 Patient Information</h2>
|
|
<div class="field"><span class="label">Name:</span> <span class="value">{{ patient_name|default:"N/A" }}</span></div>
|
|
<div class="field"><span class="label">MRN:</span> <span class="value">{{ patient_mrn|default:"N/A" }}</span></div>
|
|
<div class="field"><span class="label">Phone:</span> <span class="value">{{ contact_phone|default:"N/A" }}</span></div>
|
|
<div class="field"><span class="label">Email:</span> <span class="value">{{ contact_email|default:"N/A" }}</span></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>🏥 Hospital/Location</h2>
|
|
<div class="field"><span class="label">Hospital:</span> <span class="value">{{ hospital_name|default:"N/A" }}</span></div>
|
|
<div class="field"><span class="label">Department:</span> <span class="value">{{ department_name|default:"N/A" }}</span></div>
|
|
<div class="field"><span class="label">Source:</span> <span class="value">{{ source_name|default:"N/A" }}</span></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>📝 Description</h2>
|
|
<div class="description">{{ description|truncatechars:500 }}</div>
|
|
</div>
|
|
|
|
<div class="action">
|
|
<p><strong>Action Required:</strong> Please review and activate this complaint at your earliest convenience.</p>
|
|
<a href="{{ complaint_url }}" class="btn">View Complaint</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>
|
|
<span class="notification-type">
|
|
{% if is_working_hours %}📅 Working Hours - All Admins (Email Only){% else %}🌙 After Hours - On-Call (Email + SMS){% endif %}
|
|
</span>
|
|
</p>
|
|
<p>{{ notification_time }}</p>
|
|
<p>This is an automated notification from the PX 360 system.<br>Please do not reply to this email.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|