150 lines
6.7 KiB
HTML
150 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html dir="rtl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; direction: rtl; text-align: right; }
|
|
.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-right: 4px solid {% if is_high_priority %}#dc2626{% else %}#005696{% endif %};
|
|
border-left: none;
|
|
}
|
|
.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: 140px; }
|
|
.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 %}🚨 شكوى عاجلة{% else %}📋 شكوى جديدة{% endif %}</h1>
|
|
<span class="badge {% if is_high_priority %}badge-urgent{% else %}badge-normal{% endif %}">
|
|
#{{ complaint.reference_number }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<p>عزيزي/عزيزتي <strong>{{ admin_name|default:"المسؤول" }}</strong>،</p>
|
|
<p>تم تقديم شكوى جديدة وتتطلب اهتمامك.</p>
|
|
|
|
<div class="section">
|
|
<h2>📋 تفاصيل الشكوى</h2>
|
|
<div class="field"><span class="label">الرقم المرجعي:</span> <span class="value">{{ complaint.reference_number }}</span></div>
|
|
<div class="field"><span class="label">العنوان:</span> <span class="value">{{ complaint.title }}</span></div>
|
|
<div class="field"><span class="label">الأولوية:</span> <span class="value">{{ priority_display }}</span></div>
|
|
<div class="field"><span class="label">الخطورة:</span> <span class="value">{{ severity_display }}</span></div>
|
|
<div class="field"><span class="label">الحالة:</span> <span class="value">{{ status_display }}</span></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>👤 معلومات المريض</h2>
|
|
<div class="field"><span class="label">الاسم:</span> <span class="value">{{ patient_name|default:"غير متوفر" }}</span></div>
|
|
<div class="field"><span class="label">الرقم الطبي:</span> <span class="value">{{ patient_mrn|default:"غير متوفر" }}</span></div>
|
|
<div class="field"><span class="label">الهاتف:</span> <span class="value">{{ contact_phone|default:"غير متوفر" }}</span></div>
|
|
<div class="field"><span class="label">البريد الإلكتروني:</span> <span class="value">{{ contact_email|default:"غير متوفر" }}</span></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>🏥 المستشفى/الموقع</h2>
|
|
<div class="field"><span class="label">المستشفى:</span> <span class="value">{{ hospital_name|default:"غير متوفر" }}</span></div>
|
|
<div class="field"><span class="label">القسم:</span> <span class="value">{{ department_name|default:"غير متوفر" }}</span></div>
|
|
<div class="field"><span class="label">المصدر:</span> <span class="value">{{ source_name|default:"غير متوفر" }}</span></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>📝 الوصف</h2>
|
|
<div class="description">{{ description|truncatechars:500 }}</div>
|
|
</div>
|
|
|
|
<div class="action">
|
|
<p><strong>الإجراء المطلوب:</strong> يرجى مراجعة وتفعيل هذه الشكوى في أقرب وقت ممكن.</p>
|
|
<a href="{{ complaint_url }}" class="btn">عرض الشكوى</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>
|
|
<span class="notification-type">
|
|
{% if is_working_hours %}📅 ساعات العمل - جميع المسؤولين (بريد فقط){% else %}🌙 خارج ساعات العمل - المرن (بريد + رسائل){% endif %}
|
|
</span>
|
|
</p>
|
|
<p>{{ notification_time }}</p>
|
|
<p>هذا إشعار آلي من نظام PX 360.<br>يرجى عدم الرد على هذا البريد الإلكتروني.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|