1412 lines
154 KiB
HTML
1412 lines
154 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="ltr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>PX360 — User Guide</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root{--navy:#0a1e3f;--blue:#007bbd;--light:#e8f1f8;--slate:#64748b;--border:#e2e8f0;--bg:#f8fafc;--green:#16a34a;--red:#dc2626;--amber:#d97706;--purple:#7c3aed;--teal:#0d9488}
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
html[lang="ar"] .en{display:none}
|
||
html[lang="en"] .ar{display:none}
|
||
body{font-family:'Inter',sans-serif;background:var(--bg);color:#1e293b;line-height:1.65;font-size:15px}
|
||
html[lang="ar"] body{font-family:'Noto Kufi Arabic','Inter',sans-serif}
|
||
html[lang="ar"] #sidebar,html[lang="ar"] #topbar{font-family:'Noto Kufi Arabic',sans-serif}
|
||
|
||
/* TOPBAR */
|
||
#topbar{position:fixed;top:0;left:0;right:0;height:60px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:1rem;padding:0 1.5rem;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15)}
|
||
#topbar .logo{font-weight:800;font-size:1.1rem;white-space:nowrap}
|
||
#topbar .logo span{color:#60a5fa}
|
||
#topbar .search{flex:1;max-width:400px;position:relative}
|
||
#topbar .search input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:none;border-radius:.5rem;font-size:.875rem;background:rgba(255,255,255,.12);color:#fff;outline:none}
|
||
#topbar .search input::placeholder{color:rgba(255,255,255,.5)}
|
||
#topbar .search input:focus{background:rgba(255,255,255,.2)}
|
||
#topbar .search svg{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:rgba(255,255,255,.5)}
|
||
#topbar .lang-toggle{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem .875rem;border-radius:.5rem;cursor:pointer;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.375rem;white-space:nowrap}
|
||
#topbar .lang-toggle:hover{background:rgba(255,255,255,.2)}
|
||
#topbar .sidebar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}
|
||
|
||
/* LAYOUT */
|
||
#layout{display:flex;margin-top:60px;min-height:calc(100vh - 60px)}
|
||
|
||
/* SIDEBAR */
|
||
#sidebar{width:280px;position:fixed;top:60px;left:0;bottom:0;background:#fff;border-right:1px solid var(--border);overflow-y:auto;z-index:50;transition:transform .3s;padding:.5rem 0}
|
||
html[lang="ar"] #sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--border)}
|
||
#sidebar .toc-group{margin-bottom:.25rem}
|
||
#sidebar .toc-group>h3{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--slate);padding:.75rem 1.25rem .25rem}
|
||
#sidebar .toc-group a{display:flex;align-items:center;gap:.5rem;padding:.375rem 1.25rem;font-size:.8125rem;color:#475569;text-decoration:none;transition:all .15s;border-left:3px solid transparent}
|
||
html[lang="ar"] #sidebar .toc-group a{border-left:none;border-right:3px solid transparent;padding:.375rem 1.25rem}
|
||
#sidebar .toc-group a:hover{background:var(--light);color:var(--navy)}
|
||
#sidebar .toc-group a.active{background:var(--light);color:var(--blue);border-left-color:var(--blue)}
|
||
html[lang="ar"] #sidebar .toc-group a.active{border-right-color:var(--blue)}
|
||
#sidebar .toc-group a .num{font-size:.6875rem;font-weight:700;color:var(--slate);min-width:18px}
|
||
|
||
/* MAIN */
|
||
#main{margin-left:280px;flex:1;padding:2rem 3rem 6rem;max-width:900px}
|
||
html[lang="ar"] #main{margin-left:0;margin-right:280px}
|
||
|
||
/* SECTIONS */
|
||
.guide-section{margin-bottom:3rem;scroll-margin-top:80px}
|
||
.guide-section h2{font-size:1.5rem;font-weight:800;color:var(--navy);margin-bottom:.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}
|
||
.guide-section h2 .sec-num{color:var(--blue)}
|
||
.guide-section h3{font-size:1.1rem;font-weight:700;color:var(--navy);margin:1.5rem 0 .5rem}
|
||
.guide-section h4{font-size:.95rem;font-weight:600;color:var(--blue);margin:1rem 0 .375rem}
|
||
.guide-section p{margin-bottom:.75rem;color:#334155}
|
||
.guide-section ul,.guide-section ol{margin:.5rem 0 .75rem 1.5rem}
|
||
html[lang="ar"] .guide-section ul,html[lang="ar"] .guide-section ol{margin-right:1.5rem;margin-left:0;padding-right:0}
|
||
.guide-section li{margin-bottom:.375rem;color:#334155}
|
||
.guide-section code{background:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem;color:var(--blue);font-family:'Fira Code',monospace}
|
||
|
||
/* Role badges */
|
||
.role-badges{display:flex;gap:.375rem;flex-wrap:wrap;margin:.5rem 0}
|
||
.role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600}
|
||
.role-badge.public{background:#dcfce7;color:#15803d}
|
||
.role-badge.patient{background:#dcfce7;color:#15803d}
|
||
.role-badge.admin{background:#dbeafe;color:#1e40af}
|
||
.role-badge.champion{background:#fef3c7;color:#b45309}
|
||
.role-badge.all{background:#f1f5f9;color:#475569}
|
||
|
||
/* Callouts */
|
||
.callout{border-left:4px solid;border-radius:.5rem;padding:.75rem 1rem;margin:1rem 0;font-size:.875rem}
|
||
html[lang="ar"] .callout{border-left:none;border-right:4px solid}
|
||
.callout-tip{border-color:var(--blue);background:#eff6ff;color:#1e40af}
|
||
.callout-warn{border-color:var(--amber);background:#fffbeb;color:#92400e}
|
||
.callout-note{border-color:var(--slate);background:#f8fafc;color:#475569}
|
||
.callout-success{border-color:var(--green);background:#f0fdf4;color:#15803d}
|
||
.callout strong{font-weight:700}
|
||
|
||
/* Field tables */
|
||
table.fields{width:100%;border-collapse:collapse;font-size:.8125rem;margin:.75rem 0}
|
||
table.fields th{text-align:left;padding:.5rem .625rem;background:var(--light);color:var(--navy);font-weight:600;border-bottom:2px solid var(--blue);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}
|
||
html[lang="ar"] table.fields th{text-align:right}
|
||
table.fields td{padding:.5rem .625rem;border-bottom:1px solid var(--border);vertical-align:top}
|
||
table.fields tr:hover td{background:#f8fafc}
|
||
table.fields .req-yes{color:var(--red);font-weight:700}
|
||
table.fields .req-no{color:var(--slate)}
|
||
table.fields .field-name{font-weight:600;color:var(--navy)}
|
||
|
||
/* Steps */
|
||
.steps{counter-reset:step;list-style:none;margin:.75rem 0;padding:0}
|
||
.steps>li{position:relative;padding:.75rem .75rem .75rem 3rem;margin-bottom:.5rem;background:#fff;border:1px solid var(--border);border-radius:.625rem;counter-increment:step}
|
||
html[lang="ar"] .steps>li{padding:.75rem 3rem .75rem .75rem}
|
||
.steps>li::before{content:counter(step);position:absolute;left:.75rem;top:.75rem;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem}
|
||
html[lang="ar"] .steps>li::before{left:auto;right:.75rem}
|
||
|
||
/* Screenshot placeholders */
|
||
.screenshot{border:2px dashed #cbd5e1;border-radius:.75rem;padding:2rem;text-align:center;background:#f8fafc;color:var(--slate);font-size:.8125rem;margin:1rem 0}
|
||
.screenshot::before{content:"📷 ";font-size:1.25rem}
|
||
|
||
/* Cards grid */
|
||
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1rem 0}
|
||
.card-item{border:1px solid var(--border);border-radius:.75rem;padding:1rem;background:#fff;text-align:center}
|
||
.card-item .card-icon{font-size:1.5rem;margin-bottom:.5rem}
|
||
.card-item .card-title{font-weight:700;font-size:.8125rem;color:var(--navy);margin-bottom:.25rem}
|
||
.card-item .card-desc{font-size:.6875rem;color:var(--slate)}
|
||
|
||
/* Status badges in guide */
|
||
.status-pill{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600}
|
||
.status-amber{background:#fef3c7;color:#b45309}
|
||
.status-blue{background:#dbeafe;color:#1e40af}
|
||
.status-green{background:#dcfce7;color:#15803d}
|
||
.status-slate{background:#f1f5f9;color:#475569}
|
||
|
||
/* Responsive */
|
||
@media(max-width:1024px){
|
||
#sidebar{transform:translateX(-100%)}
|
||
html[lang="ar"] #sidebar{transform:translateX(100%)}
|
||
#sidebar.open{transform:translateX(0)}
|
||
#main{margin-left:0!important;margin-right:0!important;padding:1.5rem}
|
||
#topbar .sidebar-toggle{display:block}
|
||
#topbar .search{max-width:200px}
|
||
}
|
||
@media print{
|
||
#sidebar,#topbar{display:none}
|
||
#main{margin:0!important;padding:0}
|
||
.callout,table.fields,.steps>li{break-inside:avoid}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- TOPBAR -->
|
||
<div id="topbar">
|
||
<button class="sidebar-toggle" onclick="document.getElementById('sidebar').classList.toggle('open')" style="font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer">☰</button>
|
||
<div class="logo">PX360 <span>Guide</span></div>
|
||
<div class="search">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
|
||
<input type="text" id="searchInput" placeholder="Search guide..." oninput="filterSections()">
|
||
</div>
|
||
<button class="lang-toggle" onclick="toggleLang()">
|
||
<span id="langLabel">العربية</span>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- LAYOUT -->
|
||
<div id="layout">
|
||
|
||
<!-- SIDEBAR -->
|
||
<aside id="sidebar">
|
||
<div class="toc-group">
|
||
<h3><span class="en">Part 1 · Patient & Public</span><span class="ar">الجزء الأول · المرضى والجمهور</span></h3>
|
||
<a href="#sec1"><span class="num">1</span><span class="en">Welcome</span><span class="ar">مرحباً</span></a>
|
||
<a href="#sec2"><span class="num">2</span><span class="en">Submit a Complaint</span><span class="ar">تقديم شكوى</span></a>
|
||
<a href="#sec3"><span class="num">3</span><span class="en">Submit an Inquiry</span><span class="ar">تقديم استفسار</span></a>
|
||
<a href="#sec4"><span class="num">4</span><span class="en">Submit an Observation</span><span class="ar">تقديم ملاحظة</span></a>
|
||
<a href="#sec5"><span class="num">5</span><span class="en">Send Appreciation</span><span class="ar">إرسال شكر وتقدير</span></a>
|
||
<a href="#sec6"><span class="num">6</span><span class="en">Submit a Suggestion</span><span class="ar">تقديم اقتراح</span></a>
|
||
<a href="#sec7"><span class="num">7</span><span class="en">Track Your Submission</span><span class="ar">تتبع طلبك</span></a>
|
||
<a href="#sec8"><span class="num">8</span><span class="en">Satisfaction Survey</span><span class="ar">استبيان الرضا</span></a>
|
||
</div>
|
||
<div class="toc-group">
|
||
<h3><span class="en">Part 2 · Getting Started</span><span class="ar">الجزء الثاني · البدء السريع</span></h3>
|
||
<a href="#sec9"><span class="num">9</span><span class="en">Logging In</span><span class="ar">تسجيل الدخول</span></a>
|
||
<a href="#sec10"><span class="num">10</span><span class="en">Onboarding Wizard</span><span class="ar">معالج التأهيل</span></a>
|
||
<a href="#sec11"><span class="num">11</span><span class="en">Hospital Selection</span><span class="ar">اختيار المستشفى</span></a>
|
||
<a href="#sec12"><span class="num">12</span><span class="en">Navigation & Sidebar</span><span class="ar">التنقل والقائمة الجانبية</span></a>
|
||
<a href="#sec13"><span class="num">13</span><span class="en">Language Switching</span><span class="ar">تبديل اللغة</span></a>
|
||
</div>
|
||
<div class="toc-group">
|
||
<h3><span class="en">Part 3 · Core Modules</span><span class="ar">الجزء الثالث · الوحدات الأساسية</span></h3>
|
||
<a href="#sec14"><span class="num">14</span><span class="en">Dashboard & Command Center</span><span class="ar">لوحة التحكم ومركز القيادة</span></a>
|
||
<a href="#sec15"><span class="num">15</span><span class="en">Complaints</span><span class="ar">الشكاوى</span></a>
|
||
<a href="#sec16"><span class="num">16</span><span class="en">Inquiries</span><span class="ar">الاستفسارات</span></a>
|
||
<a href="#sec17"><span class="num">17</span><span class="en">Observations</span><span class="ar">الملاحظات</span></a>
|
||
<a href="#sec18"><span class="num">18</span><span class="en">Feedback & Suggestions</span><span class="ar">الملاحظات والاقتراحات</span></a>
|
||
<a href="#sec19"><span class="num">19</span><span class="en">Appreciation</span><span class="ar">التقدير</span></a>
|
||
<a href="#sec20"><span class="num">20</span><span class="en">Surveys</span><span class="ar">الاستبيانات</span></a>
|
||
<a href="#sec21"><span class="num">21</span><span class="en">Reports</span><span class="ar">التقارير</span></a>
|
||
<a href="#sec22"><span class="num">22</span><span class="en">QI Projects & PX Actions</span><span class="ar">مشاريع الجودة والإجراءات</span></a>
|
||
<a href="#sec23"><span class="num">23</span><span class="en">Root Cause Analysis</span><span class="ar">تحليل السبب الجذري</span></a>
|
||
<a href="#sec24"><span class="num">24</span><span class="en">Call Center</span><span class="ar">مركز الاتصال</span></a>
|
||
<a href="#sec25"><span class="num">25</span><span class="en">Standards</span><span class="ar">المعايير</span></a>
|
||
<a href="#sec26"><span class="num">26</span><span class="en">References</span><span class="ar">المراجع</span></a>
|
||
<a href="#sec27"><span class="num">27</span><span class="en">Acknowledgements</span><span class="ar">الإقرارات</span></a>
|
||
<a href="#sec28"><span class="num">28</span><span class="en">PX Sources</span><span class="ar">مصادر PX</span></a>
|
||
<a href="#sec29"><span class="num">29</span><span class="en">Physicians</span><span class="ar">الأطباء</span></a>
|
||
<a href="#sec30"><span class="num">30</span><span class="en">Staff & Departments</span><span class="ar">الموظفون والأقسام</span></a>
|
||
<a href="#sec31"><span class="num">31</span><span class="en">Settings & Deleted Items</span><span class="ar">الإعدادات والعناصر المحذوفة</span></a>
|
||
</div>
|
||
</aside>
|
||
|
||
<!-- MAIN CONTENT -->
|
||
<main id="main">
|
||
|
||
<!-- ============ SECTION 1: WELCOME ============ -->
|
||
<section id="sec1" class="guide-section">
|
||
<h2><span class="sec-num">1.</span> <span class="en">Welcome</span><span class="ar">مرحباً</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge public"><span class="en">Public · No login</span><span class="ar">عام · بدون تسجيل دخول</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">PX360 is Al Hammadi Hospital's patient experience platform. It lets patients and visitors share feedback — complaints, inquiries, safety observations, appreciation, and suggestions — and track the response. This guide covers everything you need to use the system.</span>
|
||
<span class="ar">نظام PX360 هو منصة تجربة المريض في مستشفى الحمادي. يتيح للمرضى والزوار مشاركة الملاحظات — الشكاوى، الاستفسارات، الملاحظات Safety، الشكر والتقدير، والاقتراحات — وتتبع الردود. يغطي هذا الدليل كل ما تحتاجه لاستخدام النظام.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">The Feedback Hub</span><span class="ar">مركز الملاحظات</span></h3>
|
||
<p>
|
||
<span class="en">Visit <code>/core/public/submit/</code> to see the public feedback hub. You'll find five cards, each for a different type of feedback. Click the one that matches your need.</span>
|
||
<span class="ar">زر <code>/core/public/submit/</code> لعرض مركز الملاحظات العام. ستجد خمس بطاقات، كل واحدة لنوع مختلف من الملاحظات. انقر على ما يناسب حاجتك.</span>
|
||
</p>
|
||
|
||
<div class="cards-grid">
|
||
<div class="card-item">
|
||
<div class="card-icon">🔴</div>
|
||
<div class="card-title"><span class="en">Complaint</span><span class="ar">شكوى</span></div>
|
||
<div class="card-desc"><span class="en">Report an issue</span><span class="ar">الإبلاغ عن مشكلة</span></div>
|
||
</div>
|
||
<div class="card-item">
|
||
<div class="card-icon">🟣</div>
|
||
<div class="card-title"><span class="en">Observation</span><span class="ar">ملاحظة</span></div>
|
||
<div class="card-desc"><span class="en">Safety report (anonymous)</span><span class="ar">بلاغ Safety (مجهول)</span></div>
|
||
</div>
|
||
<div class="card-item">
|
||
<div class="card-icon">🟡</div>
|
||
<div class="card-title"><span class="en">Inquiry</span><span class="ar">استفسار</span></div>
|
||
<div class="card-desc"><span class="en">Ask a question</span><span class="ar">اطرح سؤالاً</span></div>
|
||
</div>
|
||
<div class="card-item">
|
||
<div class="card-icon">🟢</div>
|
||
<div class="card-title"><span class="en">Appreciation</span><span class="ar">شكر وتقدير</span></div>
|
||
<div class="card-desc"><span class="en">Recognize staff</span><span class="ar">تقدير الموظفين</span></div>
|
||
</div>
|
||
<div class="card-item">
|
||
<div class="card-icon">🔵</div>
|
||
<div class="card-title"><span class="en">Suggestion</span><span class="ar">اقتراح</span></div>
|
||
<div class="card-desc"><span class="en">Share an idea</span><span class="ar">شارك فكرة</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">There is also a <strong>"Track Your Submission"</strong> card — use it to check the status of something you already submitted (see <a href="#sec7">Section 7</a>).</span>
|
||
<span class="ar">توجد أيضاً بطاقة <strong>"تتبع طلبك"</strong> — استخدمها للتحقق من حالة ما قدمته مسبقاً (انظر <a href="#sec7">القسم 7</a>).</span>
|
||
</p>
|
||
|
||
<div class="callout callout-tip">
|
||
<strong><span class="en">Tip:</span><span class="ar">نصيحة:</span></strong>
|
||
<span class="en">Save your <strong>reference number</strong> after submitting — you'll need it to track your submission later.</span>
|
||
<span class="ar">احفظ <strong>الرقم المرجعي</strong> بعد الإرسال — ستحتاجه لتتبع طلبك لاحقاً.</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 2: COMPLAINT ============ -->
|
||
<section id="sec2" class="guide-section">
|
||
<h2><span class="sec-num">2.</span> <span class="en">Submit a Complaint</span><span class="ar">تقديم شكوى</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge public"><span class="en">Public · No login</span><span class="ar">عام · بدون تسجيل دخول</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">Use this form to report an issue with our services. We take all concerns seriously and will investigate thoroughly.</span>
|
||
<span class="ar">استخدم هذا النموذج للإبلاغ عن مشكلة في خدماتنا. نأخذ جميع الشكاوى على محمل الجد وسنحقق فيها بدقة.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">How to access</span><span class="ar">كيفية الوصول</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Go to <code>/core/public/submit/</code></span><span class="ar">اذهب إلى <code>/core/public/submit/</code></span></li>
|
||
<li><span class="en">Click the <strong>Complaint</strong> card (red icon)</span><span class="ar">انقر على بطاقة <strong>الشكوى</strong> (أيقونة حمراء)</span></li>
|
||
<li><span class="en">The complaint form will appear</span><span class="ar">سيظهر نموذج الشكوى</span></li>
|
||
</ol>
|
||
<p><span class="en">Alternatively, go directly to <code>/complaints/public/submit/</code></span><span class="ar">أو اذهب مباشرة إلى <code>/complaints/public/submit/</code></span></p>
|
||
|
||
<h3><span class="en">Form fields</span><span class="ar">حقول النموذج</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th>#</th><th><span class="en">Field</span><span class="ar">الحقل</span></th><th><span class="en">Type</span><span class="ar">النوع</span></th><th><span class="en">Required</span><span class="ar">إلزامي</span></th><th><span class="en">Notes</span><span class="ar">ملاحظات</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td class="field-name"><span class="en">Name</span><span class="ar">الاسم</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td><span class="en">Your full name</span><span class="ar">الاسم الكامل</span></td></tr>
|
||
<tr><td>2</td><td class="field-name"><span class="en">Relation to Patient</span><span class="ar">صلة المريض</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة منسدلة</span></td><td class="req-yes">✓</td><td><span class="en">Patient / Relative</span><span class="ar">المريض / أحد الأقارب</span></td></tr>
|
||
<tr><td>3</td><td class="field-name"><span class="en">Email</span><span class="ar">البريد الإلكتروني</span></td><td><span class="en">Email</span><span class="ar">بريد إلكتروني</span></td><td class="req-no">—</td><td><span class="en">Optional</span><span class="ar">اختياري</span></td></tr>
|
||
<tr><td>4</td><td class="field-name"><span class="en">Phone Number</span><span class="ar">رقم الهاتف</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td><span class="en">Your phone number</span><span class="ar">رقم هاتفك</span></td></tr>
|
||
<tr><td>5</td><td class="field-name"><span class="en">Patient Name</span><span class="ar">اسم المريض</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td><span class="en">Name of patient involved</span><span class="ar">اسم المريض المعني</span></td></tr>
|
||
<tr><td>6</td><td class="field-name"><span class="en">National ID / Iqama</span><span class="ar">الهوية / الإقامة</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td><span class="en">10-digit National ID or Iqama</span><span class="ar">رقم الهوية أو الإقامة (10 أرقام)</span></td></tr>
|
||
<tr><td>7</td><td class="field-name"><span class="en">Incident Date</span><span class="ar">تاريخ الحادثة</span></td><td><span class="en">Date</span><span class="ar">تاريخ</span></td><td class="req-yes">✓</td><td><span class="en">Cannot be a future date</span><span class="ar">لا يمكن أن يكون تاريخاً مستقبلياً</span></td></tr>
|
||
<tr><td>8</td><td class="field-name"><span class="en">Hospital</span><span class="ar">المستشفى</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة منسدلة</span></td><td class="req-yes">✓</td><td><span class="en">Select your hospital</span><span class="ar">اختر المستشفى</span></td></tr>
|
||
<tr><td>9</td><td class="field-name"><span class="en">Location Type</span><span class="ar">نوع الموقع</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة منسدلة</span></td><td class="req-yes">✓</td><td><span class="en">Outpatient (OP) / Inpatient (IP) / Emergency (ER) / General</span><span class="ar">عيادات (OP) / منوم (IP) / طوارئ (ER) / عام</span></td></tr>
|
||
<tr><td>10</td><td class="field-name"><span class="en">Area</span><span class="ar">المنطقة</span></td><td><span class="en">Dropdown (cascading)</span><span class="ar">قائمة منسدلة (متسلسلة)</span></td><td class="req-no">—</td><td><span class="en">Auto-loads based on Hospital + Location Type</span><span class="ar">يُحمّل تلقائياً بناءً على المستشفى + نوع الموقع</span></td></tr>
|
||
<tr><td>11</td><td class="field-name"><span class="en">Category</span><span class="ar">الفئة</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة منسدلة</span></td><td class="req-yes">✓</td><td><span class="en">Medical / Nursing / Administrative / Support Services</span><span class="ar">طبي / تمريض / إداري / الخدمات المساندة</span></td></tr>
|
||
<tr><td>12</td><td class="field-name"><span class="en">Department</span><span class="ar">القسم</span></td><td><span class="en">Dropdown (cascading)</span><span class="ar">قائمة منسدلة (متسلسلة)</span></td><td class="req-yes">✓</td><td><span class="en">Auto-loads based on Hospital + Category</span><span class="ar">يُحمّل تلقائياً بناءً على المستشفى + الفئة</span></td></tr>
|
||
<tr><td>13</td><td class="field-name"><span class="en">Section</span><span class="ar">القسم الفرعي</span></td><td><span class="en">Dropdown (cascading)</span><span class="ar">قائمة منسدلة (متسلسلة)</span></td><td class="req-no">—</td><td><span class="en">Based on selected Department</span><span class="ar">حسب القسم المحدد</span></td></tr>
|
||
<tr><td>14</td><td class="field-name"><span class="en">Description</span><span class="ar">الوصف</span></td><td><span class="en">Textarea</span><span class="ar">مربع نص كبير</span></td><td class="req-yes">✓</td><td><span class="en">Describe your complaint in detail</span><span class="ar">صف شكواك بالتفصيل</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h4><span class="en">Cascading dropdown logic</span><span class="ar">منطق القوائم المتسلسلة</span></h4>
|
||
<ul>
|
||
<li><span class="en"><strong>Hospital</strong> + <strong>Location Type</strong> → determines available <strong>Areas</strong></span><span class="ar"><strong>المستشفى</strong> + <strong>نوع الموقع</strong> → يحدد <strong>المناطق</strong> المتاحة</span></li>
|
||
<li><span class="en"><strong>Hospital</strong> + <strong>Category</strong> → determines available <strong>Departments</strong></span><span class="ar"><strong>المستشفى</strong> + <strong>الفئة</strong> → يحدد <strong>الأقسام</strong> المتاحة</span></li>
|
||
<li><span class="en"><strong>Department</strong> → determines available <strong>Sections</strong></span><span class="ar"><strong>القسم</strong> → يحدد <strong>الأقسام الفرعية</strong> المتاحة</span></li>
|
||
</ul>
|
||
|
||
<div class="screenshot"><span class="en">Screenshot: Complaint form with cascade dropdowns</span><span class="ar">لقطة شاشة: نموذج الشكوى مع القوائم المتسلسلة</span></div>
|
||
|
||
<h3><span class="en">After you submit</span><span class="ar">بعد الإرسال</span></h3>
|
||
<p>
|
||
<span class="en">You'll see a success page with a <strong>reference number</strong> starting with <code>CMP-</code> (e.g. <code>CMP-20260708-123456</code>). Save this number — you'll need it to track your complaint.</span>
|
||
<span class="ar">ستظهر صفحة نجاح تحتوي على <strong>رقم مرجعي</strong> يبدأ بـ <code>CMP-</code> (مثل <code>CMP-20260708-123456</code>). احفظ هذا الرقم — ستحتاجه لتتبع شكواك.</span>
|
||
</p>
|
||
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">What happens next?</span><span class="ar">ماذا يحدث بعد ذلك؟</span></strong>
|
||
<ul style="margin-top:.5rem">
|
||
<li><span class="en">Your complaint is reviewed within <strong>24 hours</strong></span><span class="ar">تتم مراجعة شكواك خلال <strong>24 ساعة</strong></span></li>
|
||
<li><span class="en">You may receive updates by phone or email</span><span class="ar">قد تصلك تحديثات عبر الهاتف أو البريد الإلكتروني</span></li>
|
||
<li><span class="en">A response is typically provided within <strong>24–48 hours</strong></span><span class="ar">يُقدّم الرد عادةً خلال <strong>24–48 ساعة</strong></span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="callout callout-warn">
|
||
<strong><span class="en">Urgent?</span><span class="ar">عاجل؟</span></strong>
|
||
<span class="en">Call Patient Relations at <strong>920-000-0000</strong> (Sat–Thu, 8 AM – 8 PM).</span>
|
||
<span class="ar">اتصل بعلاقات المرضى على <strong>920-000-0000</strong> (السبت–الخميس، 8 ص – 8 م).</span>
|
||
</div>
|
||
|
||
<div class="callout callout-tip">
|
||
<strong><span class="en">Behind the scenes:</span><span class="ar">في الخلفية:</span></strong>
|
||
<span class="en">AI automatically classifies your complaint (severity, priority, category) and links your patient record. This runs invisibly after submit.</span>
|
||
<span class="ar">يصنّف الذكاء الاصطناعي شكواك تلقائياً (الخطورة، الأولوية، الفئة) ويربط سجلك الطبي. يتم ذلك غير مرئي بعد الإرسال.</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 3: INQUIRY ============ -->
|
||
<section id="sec3" class="guide-section">
|
||
<h2><span class="sec-num">3.</span> <span class="en">Submit an Inquiry</span><span class="ar">تقديم استفسار</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge public"><span class="en">Public · No login</span><span class="ar">عام · بدون تسجيل دخول</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">Have a question? Use this form to ask about appointments, billing, medical records, pharmacy, insurance, or general information. We'll get back to you within 24–48 hours.</span>
|
||
<span class="ar">لديك سؤال؟ استخدم هذا النموذج للسؤال عن المواعيد، الفواتير، السجلات الطبية، الصيدلية، التأمين، أو المعلومات العامة. سنعاود التواصل معك خلال 24–48 ساعة.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">How to access</span><span class="ar">كيفية الوصول</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Go to <code>/core/public/submit/</code></span><span class="ar">اذهب إلى <code>/core/public/submit/</code></span></li>
|
||
<li><span class="en">Click the <strong>Inquiry</strong> card (amber icon)</span><span class="ar">انقر على بطاقة <strong>الاستفسار</strong> (أيقونة صفراء)</span></li>
|
||
</ol>
|
||
<p><span class="en">Or go directly to <code>/inquiries/public/submit/</code></span><span class="ar">أو اذهب مباشرة إلى <code>/inquiries/public/submit/</code></span></p>
|
||
|
||
<h3><span class="en">Form fields</span><span class="ar">حقول النموذج</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th>#</th><th><span class="en">Field</span><span class="ar">الحقل</span></th><th><span class="en">Type</span><span class="ar">النوع</span></th><th><span class="en">Required</span><span class="ar">إلزامي</span></th><th><span class="en">Notes</span><span class="ar">ملاحظات</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td class="field-name"><span class="en">Name</span><span class="ar">الاسم</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td><span class="en">Your full name</span><span class="ar">الاسم الكامل</span></td></tr>
|
||
<tr><td>2</td><td class="field-name"><span class="en">Email</span><span class="ar">البريد الإلكتروني</span></td><td><span class="en">Email</span><span class="ar">بريد إلكتروني</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>3</td><td class="field-name"><span class="en">Phone</span><span class="ar">الهاتف</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>4</td><td class="field-name"><span class="en">Hospital</span><span class="ar">المستشفى</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة منسدلة</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>5</td><td class="field-name"><span class="en">Location Type</span><span class="ar">نوع الموقع</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة منسدلة</span></td><td class="req-yes">✓</td><td><span class="en">OP / IP / ER / General</span><span class="ar">عيادات / منوم / طوارئ / عام</span></td></tr>
|
||
<tr><td>6</td><td class="field-name"><span class="en">Area</span><span class="ar">المنطقة</span></td><td><span class="en">Dropdown (cascading)</span><span class="ar">قائمة منسدلة</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>7</td><td class="field-name"><span class="en">Category</span><span class="ar">الفئة</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة منسدلة</span></td><td class="req-yes">✓</td><td><span class="en">General / Appointments / Billing & Insurance / Medical Records / Pharmacy / Insurance / Feedback / Other</span><span class="ar">عام / مواعيد / الفواتير والتأمين / السجلات الطبية / صيدلية / تأمين / ملاحظات / أخرى</span></td></tr>
|
||
<tr><td>8</td><td class="field-name"><span class="en">Subject</span><span class="ar">الموضوع</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td><span class="en">Brief subject of your inquiry</span><span class="ar">موضوع مختصر لاستفسارك</span></td></tr>
|
||
<tr><td>9</td><td class="field-name"><span class="en">Department</span><span class="ar">القسم</span></td><td><span class="en">Dropdown (cascading)</span><span class="ar">قائمة منسدلة</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>10</td><td class="field-name"><span class="en">Section</span><span class="ar">القسم الفرعي</span></td><td><span class="en">Dropdown (cascading)</span><span class="ar">قائمة منسدلة</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>11</td><td class="field-name"><span class="en">Message</span><span class="ar">الرسالة</span></td><td><span class="en">Textarea</span><span class="ar">مربع نص</span></td><td class="req-yes">✓</td><td><span class="en">Describe your inquiry in detail</span><span class="ar">صف استفسارك بالتفصيل</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">Note:</span><span class="ar">ملاحظة:</span></strong>
|
||
<span class="en">The hub version (from the feedback hub) does not have a <strong>Subject</strong> field — it's optional there. The standalone form at <code>/inquiries/public/submit/</code> includes it and offers richer categories.</span>
|
||
<span class="ar">نسخة المركز (من مركز الملاحظات) لا تحتوي على حقل <strong>الموضوع</strong> — فهو اختياري هناك. النموذج المستقل في <code>/inquiries/public/submit/</code> يضمه ويوفر فئات أكثر تفصيلاً.</span>
|
||
</div>
|
||
|
||
<h3><span class="en">After you submit</span><span class="ar">بعد الإرسال</span></h3>
|
||
<p>
|
||
<span class="en">You'll receive a reference number starting with <code>INQ-</code> (e.g. <code>INQ-20260708-123456</code>). Save it to track your inquiry later.</span>
|
||
<span class="ar">ستحصل على رقم مرجعي يبدأ بـ <code>INQ-</code> (مثل <code>INQ-20260708-123456</code>). احفظه لتتبع استفسارك لاحقاً.</span>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 4: OBSERVATION ============ -->
|
||
<section id="sec4" class="guide-section">
|
||
<h2><span class="sec-num">4.</span> <span class="en">Submit an Observation</span><span class="ar">تقديم ملاحظة Safety</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge public"><span class="en">Public · No login · Anonymous</span><span class="ar">عام · بدون تسجيل · مجهول</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">Help us improve safety by sharing what you've noticed. <strong>Anonymous submissions are welcome</strong> — providing your information is optional but may help us follow up.</span>
|
||
<span class="ar">ساعدنا في تحسين Safety من خلال مشاركة ما لاحظته. <strong>نرحب بالبلاغات المجهولة</strong> — تقديم معلوماتك اختياري لكنه قد يساعدنا في المتابعة.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">How to access</span><span class="ar">كيفية الوصول</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Go to <code>/core/public/submit/</code> → click <strong>Observation</strong></span><span class="ar">اذهب إلى <code>/core/public/submit/</code> → انقر <strong>ملاحظة</strong></span></li>
|
||
<li><span class="en">Or go directly to <code>/observations/new/</code></span><span class="ar">أو اذهب مباشرة إلى <code>/observations/new/</code></span></li>
|
||
</ol>
|
||
|
||
<h3><span class="en">Form fields</span><span class="ar">حقول النموذج</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th>#</th><th><span class="en">Field</span><span class="ar">الحقل</span></th><th><span class="en">Type</span><span class="ar">النوع</span></th><th><span class="en">Required</span><span class="ar">إلزامي</span></th><th><span class="en">Notes</span><span class="ar">ملاحظات</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td class="field-name"><span class="en">Hospital</span><span class="ar">المستشفى</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-no">—</td><td><span class="en">Optional</span><span class="ar">اختياري</span></td></tr>
|
||
<tr><td>2</td><td class="field-name"><span class="en">Location Type</span><span class="ar">نوع الموقع</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-no">—</td><td><span class="en">OP / IP / ER / General</span><span class="ar">عيادات / منوم / طوارئ / عام</span></td></tr>
|
||
<tr><td>3</td><td class="field-name"><span class="en">Area</span><span class="ar">المنطقة</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>4</td><td class="field-name"><span class="en">Category</span><span class="ar">الفئة</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-no">—</td><td><span class="en">Medical / Nursing / Administrative / Support</span><span class="ar">طبي / تمريض / إداري / مساندة</span></td></tr>
|
||
<tr><td>5</td><td class="field-name"><span class="en">Department</span><span class="ar">القسم</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>6</td><td class="field-name"><span class="en">Section</span><span class="ar">القسم الفرعي</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>7</td><td class="field-name"><span class="en">Description</span><span class="ar">الوصف</span></td><td><span class="en">Textarea</span><span class="ar">مربع نص</span></td><td class="req-yes">✓</td><td><span class="en">Describe what you observed</span><span class="ar">صف ما لاحظته</span></td></tr>
|
||
<tr><td>8</td><td class="field-name"><span class="en">Location Details</span><span class="ar">تفاصيل الموقع</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-no">—</td><td><span class="en">e.g. "Building A, Floor 2, Room 205"</span><span class="ar">مثل "مبنى أ، الطابق 2، غرفة 205"</span></td></tr>
|
||
<tr><td>9</td><td class="field-name"><span class="en">When did this occur?</span><span class="ar">متى حدث هذا؟</span></td><td><span class="en">Date & Time</span><span class="ar">تاريخ ووقت</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>10</td><td class="field-name"><span class="en">Attachments</span><span class="ar">مرفقات</span></td><td><span class="en">File (multiple)</span><span class="ar">ملف (متعدد)</span></td><td class="req-no">—</td><td><span class="en">Images, PDF, Word, Excel — max 10 MB each</span><span class="ar">صور، PDF، Word، Excel — بحد أقصى 10 ميجابايت لكل ملف</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h4><span class="en">Your Information (all optional — anonymous reporting)</span><span class="ar">معلوماتك (كلها اختيارية — بلاغ مجهول)</span></h4>
|
||
<table class="fields">
|
||
<tbody>
|
||
<tr><td>11</td><td class="field-name"><span class="en">Staff ID</span><span class="ar">الرقم الوظيفي</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>12</td><td class="field-name"><span class="en">Name</span><span class="ar">الاسم</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>13</td><td class="field-name"><span class="en">Phone</span><span class="ar">الهاتف</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-no">—</td><td> </td></tr>
|
||
<tr><td>14</td><td class="field-name"><span class="en">Email</span><span class="ar">البريد الإلكتروني</span></td><td><span class="en">Email</span><span class="ar">بريد</span></td><td class="req-no">—</td><td> </td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">Severity:</span><span class="ar">الخطورة:</span></strong>
|
||
<span class="en">Severity is not user-selectable — it defaults to <strong>Medium</strong> and is assessed by the PX team after review.</span>
|
||
<span class="ar">الخطورة غير قابلة للاختيار من قبل المستخدم — تكون افتراضياً <strong>متوسطة</strong> ويتم تقييمها من قبل فريق PX بعد المراجعة.</span>
|
||
</div>
|
||
|
||
<h3><span class="en">After you submit</span><span class="ar">بعد الإرسال</span></h3>
|
||
<p>
|
||
<span class="en">You'll see a success page with a <strong>tracking code</strong> starting with <code>OBS-</code> (e.g. <code>OBS-ABC123</code>). There's a "Copy Code" button — use it to save the code. You can track your observation with this code.</span>
|
||
<span class="ar">ستظهر صفحة نجاح تحتوي على <strong>رمز تتبع</strong> يبدأ بـ <code>OBS-</code> (مثل <code>OBS-ABC123</code>). يوجد زر "نسخ الرمز" — استخدمه لحفظ الرمز. يمكنك تتبع ملاحظتك بهذا الرمز.</span>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 5: APPRECIATION ============ -->
|
||
<section id="sec5" class="guide-section">
|
||
<h2><span class="sec-num">5.</span> <span class="en">Send Appreciation</span><span class="ar">إرسال شكر وتقدير</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge public"><span class="en">Public · No login</span><span class="ar">عام · بدون تسجيل دخول</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">Recognize a staff member or team who made a positive difference in your experience. Your kind words will be reviewed and shared with the person or department you recognized.</span>
|
||
<span class="ar">قدّر موظفاً أو فريقاً أحدث فرقاً إيجابياً في تجربتك. سيتم مراجعة كلماتك اللطيفة ومشاركتها مع الشخص أو القسم المعني.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">How to access</span><span class="ar">كيفية الوصول</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Go to <code>/core/public/submit/</code> → click <strong>Appreciation</strong> (green icon)</span><span class="ar">اذهب إلى <code>/core/public/submit/</code> → انقر <strong>شكر وتقدير</strong> (أيقونة خضراء)</span></li>
|
||
<li><span class="en">Or go to <code>/appreciation/public/submit/</code></span><span class="ar">أو اذهب إلى <code>/appreciation/public/submit/</code></span></li>
|
||
</ol>
|
||
|
||
<h3><span class="en">Form fields</span><span class="ar">حقول النموذج</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th>#</th><th><span class="en">Field</span><span class="ar">الحقل</span></th><th><span class="en">Type</span><span class="ar">النوع</span></th><th><span class="en">Required</span><span class="ar">إلزامي</span></th><th><span class="en">Notes</span><span class="ar">ملاحظات</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td class="field-name"><span class="en">Your Name</span><span class="ar">اسمك</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>2</td><td class="field-name"><span class="en">Your Phone</span><span class="ar">هاتفك</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>3</td><td class="field-name"><span class="en">Hospital</span><span class="ar">المستشفى</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>4</td><td class="field-name"><span class="en">Staff / Department Name</span><span class="ar">اسم الموظف / القسم</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-no">—</td><td><span class="en">Name of staff or department to recognize</span><span class="ar">اسم الموظف أو القسم الذي تريد تقديره</span></td></tr>
|
||
<tr><td>5</td><td class="field-name"><span class="en">Location Type</span><span class="ar">نوع الموقع</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-yes">✓</td><td><span class="en">OP / IP / ER / General</span><span class="ar">عيادات / منوم / طوارئ / عام</span></td></tr>
|
||
<tr><td>6</td><td class="field-name"><span class="en">Category</span><span class="ar">الفئة</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-yes">✓</td><td><span class="en">Medical / Nursing / Administrative / Support</span><span class="ar">طبي / تمريض / إداري / مساندة</span></td></tr>
|
||
<tr><td>7</td><td class="field-name"><span class="en">Department</span><span class="ar">القسم</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>8</td><td class="field-name"><span class="en">Your Appreciation</span><span class="ar">رسالتك</span></td><td><span class="en">Textarea</span><span class="ar">مربع نص</span></td><td class="req-yes">✓</td><td><span class="en">Share what this person did that made your experience special</span><span class="ar">شارك ما فعله هذا الشخص الذي جعل تجربتك مميزة</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h3><span class="en">After you submit</span><span class="ar">بعد الإرسال</span></h3>
|
||
<p>
|
||
<span class="en">You'll see a "Thank You!" confirmation. An <code>APR-</code> reference number is generated internally but is <strong>not publicly trackable</strong>.</span>
|
||
<span class="ar">ستظهر رسالة "شكراً لك!". يتم إنشاء رقم مرجعي <code>APR-</code> داخلياً لكنه <strong>غير قابل للتتبع العام</strong>.</span>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 6: SUGGESTION ============ -->
|
||
<section id="sec6" class="guide-section">
|
||
<h2><span class="sec-num">6.</span> <span class="en">Submit a Suggestion</span><span class="ar">تقديم اقتراح</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge public"><span class="en">Public · No login</span><span class="ar">عام · بدون تسجيل دخول</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">Share your ideas to help us improve our services and facilities for everyone. We appreciate your input and will review it carefully.</span>
|
||
<span class="ar">شارك أفكارك لمساعدتنا في تحسين خدماتنا ومرافقنا للجميع. نقدّر مدخلاتك وسنراجعها بعناية.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">How to access</span><span class="ar">كيفية الوصول</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Go to <code>/core/public/submit/</code> → click <strong>Suggestion</strong> (cyan icon)</span><span class="ar">اذهب إلى <code>/core/public/submit/</code> → انقر <strong>اقتراح</strong> (أيقونة سماوية)</span></li>
|
||
<li><span class="en">Or go to <code>/suggestions/public/suggestion/</code></span><span class="ar">أو اذهب إلى <code>/suggestions/public/suggestion/</code></span></li>
|
||
</ol>
|
||
|
||
<h3><span class="en">Form fields</span><span class="ar">حقول النموذج</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th>#</th><th><span class="en">Field</span><span class="ar">الحقل</span></th><th><span class="en">Type</span><span class="ar">النوع</span></th><th><span class="en">Required</span><span class="ar">إلزامي</span></th><th><span class="en">Notes</span><span class="ar">ملاحظات</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td class="field-name"><span class="en">Your Name</span><span class="ar">اسمك</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>2</td><td class="field-name"><span class="en">Your Phone</span><span class="ar">هاتفك</span></td><td><span class="en">Text</span><span class="ar">نص</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>3</td><td class="field-name"><span class="en">Hospital</span><span class="ar">المستشفى</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>4</td><td class="field-name"><span class="en">Location Type</span><span class="ar">نوع الموقع</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-yes">✓</td><td><span class="en">OP / IP / ER / General</span><span class="ar">عيادات / منوم / طوارئ / عام</span></td></tr>
|
||
<tr><td>5</td><td class="field-name"><span class="en">Category</span><span class="ar">الفئة</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-yes">✓</td><td><span class="en">Medical / Nursing / Administrative / Support</span><span class="ar">طبي / تمريض / إداري / مساندة</span></td></tr>
|
||
<tr><td>6</td><td class="field-name"><span class="en">Department</span><span class="ar">القسم</span></td><td><span class="en">Dropdown</span><span class="ar">قائمة</span></td><td class="req-yes">✓</td><td> </td></tr>
|
||
<tr><td>7</td><td class="field-name"><span class="en">Your Suggestion</span><span class="ar">اقتراحك</span></td><td><span class="en">Textarea</span><span class="ar">مربع نص</span></td><td class="req-yes">✓</td><td><span class="en">Describe your suggestion in detail</span><span class="ar">صف اقتراحك بالتفصيل</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h3><span class="en">After you submit</span><span class="ar">بعد الإرسال</span></h3>
|
||
<p>
|
||
<span class="en">You'll see a "Thank You!" confirmation. An <code>SG-</code> reference number is generated but is <strong>not publicly trackable</strong>. AI automatically categorizes your suggestion and generates a summary.</span>
|
||
<span class="ar">ستظهر رسالة "شكراً لك!". يتم إنشاء رقم مرجعي <code>SG-</code> لكنه <strong>غير قابل للتتبع العام</strong>. يصنّف الذكاء الاصطناعي اقتراحك تلقائياً ويولّد ملخصاً.</span>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 7: TRACK ============ -->
|
||
<section id="sec7" class="guide-section">
|
||
<h2><span class="sec-num">7.</span> <span class="en">Track Your Submission</span><span class="ar">تتبع طلبك</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge public"><span class="en">Public · No login</span><span class="ar">عام · بدون تسجيل دخول</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">Use the tracking page to check the status of a complaint, inquiry, or observation you've already submitted.</span>
|
||
<span class="ar">استخدم صفحة التتبع للتحقق من حالة شكوى أو استفسار أو ملاحظة قمت بتقديمها.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">How to track</span><span class="ar">كيفية التتبع</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Go to <code>/core/public/track/</code></span><span class="ar">اذهب إلى <code>/core/public/track/</code></span></li>
|
||
<li><span class="en">Choose the type: <strong>Complaint</strong>, <strong>Inquiry</strong>, or <strong>Observation</strong></span><span class="ar">اختر النوع: <strong>شكوى</strong>، <strong>استفسار</strong>، أو <strong>ملاحظة</strong></span></li>
|
||
<li><span class="en">Enter your <strong>reference number</strong> (found in your confirmation email or SMS)</span><span class="ar">أدخل <strong>الرقم المرجعي</strong> (موجود في بريد التأكيد أو الرسالة النصية)</span></li>
|
||
<li><span class="en">Click <strong>"Track Status"</strong></span><span class="ar">انقر <strong>"تتبع الحالة"</strong></span></li>
|
||
</ol>
|
||
|
||
<h3><span class="en">Reference number formats</span><span class="ar">صيغ الأرقام المرجعية</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Type</span><span class="ar">النوع</span></th><th><span class="en">Prefix</span><span class="ar">البادئة</span></th><th><span class="en">Example</span><span class="ar">مثال</span></th><th><span class="en">Trackable?</span><span class="ar">قابل للتتبع؟</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td><span class="en">Complaint</span><span class="ar">شكوى</span></td><td><code>CMP-</code></td><td><code>CMP-20260708-123456</code></td><td><span class="status-green">✓</span></td></tr>
|
||
<tr><td><span class="en">Inquiry</span><span class="ar">استفسار</span></td><td><code>INQ-</code></td><td><code>INQ-20260708-123456</code></td><td><span class="status-green">✓</span></td></tr>
|
||
<tr><td><span class="en">Observation</span><span class="ar">ملاحظة</span></td><td><code>OBS-</code></td><td><code>OBS-ABC123</code></td><td><span class="status-green">✓</span></td></tr>
|
||
<tr><td><span class="en">Appreciation</span><span class="ar">شكر</span></td><td><code>APR-</code></td><td>—</td><td><span class="status-slate">✗</span></td></tr>
|
||
<tr><td><span class="en">Suggestion</span><span class="ar">اقتراح</span></td><td><code>SG-</code></td><td>—</td><td><span class="status-slate">✗</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="callout callout-tip">
|
||
<strong><span class="en">Auto-detection:</span><span class="ar">الكشف التلقائي:</span></strong>
|
||
<span class="en">The tracker auto-detects the type by the prefix — you don't even need to select the type manually.</span>
|
||
<span class="ar">يكتشف المتعقّب النوع تلقائياً من خلال البادئة — لا تحتاج لاختيار النوع يدوياً.</span>
|
||
</div>
|
||
|
||
<h3><span class="en">What you'll see</span><span class="ar">ما ستراه</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Status badge</strong> — Received, In Progress, Resolved, Closed, or Cancelled</span><span class="ar"><strong>شارة الحالة</strong> — مستلم، قيد المعالجة، تم الحل، مغلق، أو ملغي</span></li>
|
||
<li><span class="en"><strong>Progress bar</strong> — visual indicator of progress</span><span class="ar"><strong>شريط التقدم</strong> — مؤشر مرئي للتقدم</span></li>
|
||
<li><span class="en"><strong>SLA deadline</strong> — shown with a red "Overdue" indicator if past due</span><span class="ar"><strong>الموعد النهائي</strong> — يظهر بمؤشر أحمر "متأخر" إذا تجاوز الموعد</span></li>
|
||
<li><span class="en"><strong>Resolution Journey timeline</strong> — a timeline of updates, status changes, and department responses</span><span class="ar"><strong>مسار الحل</strong> — خط زمني للتحديثات وتغييرات الحالة وردود الأقسام</span></li>
|
||
<li><span class="en"><strong>Department Response</strong> — the response from the relevant department (if available)</span><span class="ar"><strong>رد القسم</strong> — رد القسم المعني (إن وُجد)</span></li>
|
||
</ul>
|
||
|
||
<h4><span class="en">Status meanings</span><span class="ar">معاني الحالات</span></h4>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Status</span><span class="ar">الحالة</span></th><th><span class="en">Label shown</span><span class="ar">الاسم المعروض</span></th><th><span class="en">Meaning</span><span class="ar">المعنى</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td><span class="status-pill status-amber">open</span></td><td><span class="en">Received</span><span class="ar">مستلم</span></td><td><span class="en">Your submission has been received</span><span class="ar">تم استلام طلبك</span></td></tr>
|
||
<tr><td><span class="status-pill status-blue">in_progress</span></td><td><span class="en">In Progress</span><span class="ar">قيد المعالجة</span></td><td><span class="en">Being investigated</span><span class="ar">قيد التحقيق</span></td></tr>
|
||
<tr><td><span class="status-pill status-green">resolved</span></td><td><span class="en">Resolved</span><span class="ar">تم الحل</span></td><td><span class="en">A resolution has been provided</span><span class="ar">تم تقديم حل</span></td></tr>
|
||
<tr><td><span class="status-pill status-slate">closed</span></td><td><span class="en">Closed</span><span class="ar">مغلق</span></td><td><span class="en">The case is closed</span><span class="ar">القضية مغلقة</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="callout callout-warn">
|
||
<strong><span class="en">5-day expiry:</span><span class="ar">انتهاء الصلاحية (5 أيام):</span></strong>
|
||
<span class="en">Tracking for complaints expires <strong>5 days after resolution</strong>. After that, the tracking link shows "expired".</span>
|
||
<span class="ar">ينتهي التتبع للشكاوى بعد <strong>5 أيام من الحل</strong>. بعد ذلك، تظهر رسالة "انتهت صلاحية الرابط".</span>
|
||
</div>
|
||
|
||
<h4><span class="en">Rate your satisfaction (Complaints only)</span><span class="ar">قيّم رضاك (الشكاوى فقط)</span></h4>
|
||
<p>
|
||
<span class="en">When a complaint is resolved or closed, a satisfaction rating appears on the tracking page. Choose:</span>
|
||
<span class="ar">عند حل الشكوى أو إغلاقها، يظهر تقييم الرضا على صفحة التتبع. اختر:</span>
|
||
</p>
|
||
<ul>
|
||
<li>😐 <span class="en"><strong>Dissatisfied</strong></span><span class="ar"><strong>غير راضٍ</strong></span></li>
|
||
<li>😐 <span class="en"><strong>Neutral</strong></span><span class="ar"><strong>محايد</strong></span></li>
|
||
<li>😊 <span class="en"><strong>Satisfied</strong></span><span class="ar"><strong>راضٍ</strong></span></li>
|
||
</ul>
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">Locked:</span><span class="ar">مقفل:</span></strong>
|
||
<span class="en">Once you rate, it's <strong>locked</strong> — no one (including staff) can change it.</span>
|
||
<span class="ar">بمجرد التقييم، يتم <strong>قفله</strong> — لا يمكن لأحد (بما في ذلك الموظفين) تغييره.</span>
|
||
</div>
|
||
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">Privacy:</span><span class="ar">الخصوصية:</span></strong>
|
||
<span class="en">For privacy reasons, detailed internal notes and communications are not shown in the public tracker.</span>
|
||
<span class="ar">لأسباب تتعلق بالخصوصية، لا تُعرض الملاحظات الداخلية التفصيلية في المتعقّب العام.</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 8: SATISFACTION SURVEY ============ -->
|
||
<section id="sec8" class="guide-section">
|
||
<h2><span class="sec-num">8.</span> <span class="en">Complete a Satisfaction Survey</span><span class="ar">استبيان رضا المريض</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge patient"><span class="en">Patient · Via email/SMS link</span><span class="ar">المريض · عبر بريد/رسالة</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">You may receive a satisfaction survey link via SMS or email after a hospital visit. The survey is quick and helps us improve patient care.</span>
|
||
<span class="ar">قد تصلك رسالة أو بريد يحتوي على رابط استبيان الرضا بعد زيارة المستشفى. الاستبيان سريع ويساعدنا في تحسين رعاية المرضى.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">How to access</span><span class="ar">كيفية الوصول</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Click the survey link in your SMS or email</span><span class="ar">انقر على رابط الاستبيان في رسالتك أو بريدك</span></li>
|
||
<li><span class="en">The survey page opens — no login required</span><span class="ar">تفتح صفحة الاستبيان — بدون تسجيل دخول</span></li>
|
||
<li><span class="en">If the link has expired, you'll see an "invalid token" message</span><span class="ar">إذا انتهت صلاحية الرابط، ستظهر رسالة "رابط غير صالح"</span></li>
|
||
</ol>
|
||
|
||
<div class="callout callout-warn">
|
||
<strong><span class="en">Token expiry:</span><span class="ar">انتهاء صلاحية الرابط:</span></strong>
|
||
<span class="en">Survey links expire approximately <strong>2 days</strong> after they're sent. Complete the survey promptly.</span>
|
||
<span class="ar">تنتهي صلاحية روابط الاستبيان خلال <strong>يومين تقريباً</strong> من الإرسال. أكمل الاستبيان فوراً.</span>
|
||
</div>
|
||
|
||
<h3><span class="en">What you'll see</span><span class="ar">ما ستراه</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Instructions</strong> block (if configured)</span><span class="ar"><strong>التعليمات</strong> (إن وُجدت)</span></li>
|
||
<li><span class="en"><strong>Consent</strong> block (if required — you must check "I agree" before proceeding)</span><span class="ar"><strong>الموافقة</strong> (إن لزم — يجب الموافقة قبل المتابعة)</span></li>
|
||
<li><span class="en"><strong>Questions</strong> — see types below</span><span class="ar"><strong>الأسئلة</strong> — انظر الأنواع أدناه</span></li>
|
||
<li><span class="en"><strong>Language toggle</strong> (EN⇄AR) in the top-right corner</span><span class="ar"><strong>تبديل اللغة</strong> (EN⇄AR) في الزاوية العلوية</span></li>
|
||
</ul>
|
||
|
||
<h3><span class="en">Question types</span><span class="ar">أنواع الأسئلة</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Type</span><span class="ar">النوع</span></th><th><span class="en">How to answer</span><span class="ar">كيفية الإجابة</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Star Rating</span><span class="ar">تقييم بالنجوم</span></td><td><span class="en">Click 1–5 stars (⭐⭐⭐⭐⭐)</span><span class="ar">انقر 1–5 نجوم</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">NPS Score</span><span class="ar">درجة NPS</span></td><td><span class="en">Click a button 0–10 (Not likely → Very likely)</span><span class="ar">انقر زر 0–10 (غير محتمل ← محتمل جداً)</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Likert Scale</span><span class="ar">مقياس ليكرت</span></td><td><span class="en">Choose 1 (Strongly Disagree) to 5 (Strongly Agree)</span><span class="ar">اختر 1 (أرفض بشدة) إلى 5 (أوافق بشدة)</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Yes / No</span><span class="ar">نعم / لا</span></td><td><span class="en">Select Yes or No</span><span class="ar">اختر نعم أو لا</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Multiple Choice</span><span class="ar">اختيار من متعدد</span></td><td><span class="en">Select one option from the list</span><span class="ar">اختر خياراً واحداً من القائمة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Short Text</span><span class="ar">نص قصير</span></td><td><span class="en">Type a brief answer</span><span class="ar">اكتب إجابة قصيرة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Long Text</span><span class="ar">نص طويل</span></td><td><span class="en">Type a detailed answer</span><span class="ar">اكتب إجابة مفصلة</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<p>
|
||
<span class="en">There may also be an optional <strong>"Additional Comments"</strong> text box at the end.</span>
|
||
<span class="ar">قد يوجد أيضاً مربع نص اختياري <strong>"ملاحظات إضافية"</strong> في النهاية.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">After you submit</span><span class="ar">بعد الإرسال</span></h3>
|
||
<p>
|
||
<span class="en">You'll see a <strong>"Thank You"</strong> page confirming your responses were received. If a score was calculated, it may show your overall rating (e.g. "4.5 / 5.0"). You can then safely close the page.</span>
|
||
<span class="ar">ستظهر صفحة <strong>"شكراً لك"</strong> تؤكد استلام إجاباتك. إذا تم حساب درجة، قد يظهر تقييمك الإجمالي (مثل "4.5 / 5.0"). يمكنك بعدها إغلاق الصفحة بأمان.</span>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 9: LOGGING IN ============ -->
|
||
<section id="sec9" class="guide-section">
|
||
<h2><span class="sec-num">9.</span> <span class="en">Logging In</span><span class="ar">تسجيل الدخول</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge all"><span class="en">All staff</span><span class="ar">جميع الموظفين</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">PX360 requires a staff account. You log in with your email address and password.</span>
|
||
<span class="ar">يتطلب نظام PX360 حساباً للموظف. تسجل الدخول ببريدك الإلكتروني وكلمة المرور.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">The login page</span><span class="ar">صفحة تسجيل الدخول</span></h3>
|
||
<p><span class="en">Go to <code>/accounts/login/</code></span><span class="ar">اذهب إلى <code>/accounts/login/</code></span></p>
|
||
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Field</span><span class="ar">الحقل</span></th><th><span class="en">Type</span><span class="ar">النوع</span></th><th><span class="en">Notes</span><span class="ar">ملاحظات</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Email Address</span><span class="ar">البريد الإلكتروني</span></td><td><span class="en">Email</span><span class="ar">بريد</span></td><td><span class="en">Your registered work email</span><span class="ar">بريدك الوظيفي المسجل</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Password</span><span class="ar">كلمة المرور</span></td><td><span class="en">Password</span><span class="ar">كلمة مرور</span></td><td><span class="en">Click the eye icon to show/hide</span><span class="ar">انقر أيقونة العين لإظهار/إخفاء</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Remember me</span><span class="ar">تذكرني</span></td><td><span class="en">Checkbox</span><span class="ar">مربع اختيار</span></td><td><span class="en">Checked = 2 weeks session; unchecked = closes when browser closes</span><span class="ar">مؤشر = جلسة أسبوعين؛ غير مؤشر = تنتهي عند إغلاق المتصفح</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<ul>
|
||
<li><span class="en">Click <strong>"Sign In"</strong> to log in</span><span class="ar">انقر <strong>"تسجيل الدخول"</strong></span></li>
|
||
<li><span class="en"><strong>"Forgot password?"</strong> link — enter your email to receive a reset link</span><span class="ar"><strong>"نسيت كلمة المرور؟"</strong> — أدخل بريدك لاستلام رابط إعادة التعيين</span></li>
|
||
</ul>
|
||
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">No SSO:</span><span class="ar">لا يوجد دخول موحد:</span></strong>
|
||
<span class="en">There is no Single Sign-On (SSO/OAuth). Use your email and password only.</span>
|
||
<span class="ar">لا يوجد دخول موحد (SSO/OAuth). استخدم بريدك وكلمة مرورك فقط.</span>
|
||
</div>
|
||
|
||
<h3><span class="en">Where you go after login</span><span class="ar">إلى أين تذهب بعد الدخول</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Your role</span><span class="ar">دورك</span></th><th><span class="en">Redirect destination</span><span class="ar">وجهة التحويل</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td><span class="en">Source User</span><span class="ar">مستخدم مصدر</span></td><td><span class="en">Source User Dashboard</span><span class="ar">لوحة مصدر خارجي</span></td></tr>
|
||
<tr><td><span class="en">PX Admin (no hospital selected)</span><span class="ar">مدير PX (بدون مستشفى)</span></td><td><span class="en">Hospital Selection page</span><span class="ar">صفحة اختيار المستشفى</span></td></tr>
|
||
<tr><td><span class="en">Basic Staff / Champion / Dept Manager</span><span class="ar">موظف / بطل / مدير قسم</span></td><td><span class="en">Your department detail page</span><span class="ar">صفحة قسمك</span></td></tr>
|
||
<tr><td><span class="en">Everyone else</span><span class="ar">الجميع الآخرون</span></td><td><span class="en">Command Center (home page)</span><span class="ar">مركز القيادة (الصفحة الرئيسية)</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h3><span class="en">If you have no hospital assigned</span><span class="ar">إذا لم يكن لديك مستشفى</span></h3>
|
||
<p>
|
||
<span class="en">Non-admin users without a hospital will see a <strong>"No Hospital Assigned"</strong> error page (HTTP 403). Contact your administrator to be assigned to a hospital.</span>
|
||
<span class="ar">المستخدمون غير الإداريين بدون مستشفى سيرون صفحة خطأ <strong>"لا يوجد مستشفى مخصص"</strong> (HTTP 403). تواصل مع المسؤول لتعيين مستشفى لك.</span>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 10: ONBOARDING WIZARD ============ -->
|
||
<section id="sec10" class="guide-section">
|
||
<h2><span class="sec-num">10.</span> <span class="en">Onboarding Wizard</span><span class="ar">معالج التأهيل</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge all"><span class="en">New staff (first login)</span><span class="ar">الموظفون الجدد (أول دخول)</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">When an administrator invites you to PX360, you'll receive an email with an activation link. Clicking it starts the <strong>onboarding wizard</strong> — a one-time setup flow that takes about <strong>10–15 minutes</strong>.</span>
|
||
<span class="ar">عندما يدعوك المسؤول إلى نظام PX360، ستستلم بريداً يحتوي على رابط التفعيل. النقر عليه يبدأ <strong>معالج التأهيل</strong> — تدفق إعداد لمرة واحدة يستغرق حوالي <strong>10–15 دقيقة</strong>.</span>
|
||
</p>
|
||
|
||
<div class="callout callout-warn">
|
||
<strong><span class="en">Invitation expires in 7 days</span><span class="ar">تنتهي صلاحية الدعوة خلال 7 أيام</span></strong>
|
||
</div>
|
||
|
||
<h3><span class="en">The 6 steps</span><span class="ar">الخطوات الست</span></h3>
|
||
|
||
<h4><span class="en">Step 1 — Open the activation link</span><span class="ar">الخطوة 1 — افتح رابط التفعيل</span></h4>
|
||
<ol class="steps">
|
||
<li><span class="en">Check your email for an invitation from PX360</span><span class="ar">تحقق من بريدك للحصول على دعوة من PX360</span></li>
|
||
<li><span class="en">Click <strong>"Complete Account Setup"</strong></span><span class="ar">انقر <strong>"إكمال إعداد الحساب"</strong></span></li>
|
||
<li><span class="en">You're logged in automatically — no password needed yet</span><span class="ar">يتم تسجيل دخولك تلقائياً — لا حاجة لكلمة مرور بعد</span></li>
|
||
</ol>
|
||
|
||
<h4><span class="en">Step 2 — Welcome page</span><span class="ar">الخطوة 2 — صفحة الترحيب</span></h4>
|
||
<ul>
|
||
<li><span class="en">You'll see three cards: <strong>Learn</strong>, <strong>Acknowledge</strong>, <strong>Sign</strong></span><span class="ar">سترى ثلاث بطاقات: <strong>تعلم</strong>، <strong>إقرار</strong>، <strong>توقيع</strong></span></li>
|
||
<li><span class="en">Click <strong>"Start Onboarding"</strong> to begin</span><span class="ar">انقر <strong>"بدء التأهيل"</strong></span></li>
|
||
</ul>
|
||
|
||
<h4><span class="en">Step 3 — Review content</span><span class="ar">الخطوة 3 — مراجعة المحتوى</span></h4>
|
||
<ul>
|
||
<li><span class="en">Read each onboarding content page (policies, system overview, role info)</span><span class="ar">اقرأ كل صفحة محتوى (السياسات، نظرة عامة، معلومات الدور)</span></li>
|
||
<li><span class="en">A progress bar shows your position ("Step N of M")</span><span class="ar">شريط التقدم يوضح موضعك ("الخطوة N من M")</span></li>
|
||
<li><span class="en">Check the box <strong>"I have reviewed the onboarding material above"</strong></span><span class="ar">أشّر على <strong>"لقد راجعت المحتوى أعلاه"</strong></span></li>
|
||
<li><span class="en">Click <strong>"Next Step"</strong> to advance (or <strong>"Previous"</strong> to go back)</span><span class="ar">انقر <strong>"الخطوة التالية"</strong> للمتابعة (أو <strong>"السابق"</strong> للرجوع)</span></li>
|
||
</ul>
|
||
|
||
<h4><span class="en">Step 4 — Acknowledge checklist items</span><span class="ar">الخطوة 4 — إقرار بنود القائمة</span></h4>
|
||
<ul>
|
||
<li><span class="en">You'll see a list of items grouped by category (policies, training docs)</span><span class="ar">سترى قائمة بالبنود مجمّعة حسب الفئة (سياسات، تدريب)</span></li>
|
||
<li><span class="en">Items marked <strong>"Required"</strong> must be acknowledged before you can activate your account</span><span class="ar">البنود المؤشّرة بـ <strong>"إلزامي"</strong> يجب الإقرار بها قبل تفعيل حسابك</span></li>
|
||
<li><span class="en"><strong>Click each item</strong> → a signature modal opens</span><span class="ar"><strong>انقر على كل بند</strong> → يفتح نافذة التوقيع</span></li>
|
||
<li><span class="en">Type your full name as your digital signature</span><span class="ar">اكتب اسمك الكامل كتوقيع رقمي</span></li>
|
||
<li><span class="en">Click <strong>"Acknowledge"</strong> — the item turns green ✓</span><span class="ar">انقر <strong>"إقرار"</strong> — يتحول البند إلى أخضر ✓</span></li>
|
||
</ul>
|
||
|
||
<div class="screenshot"><span class="en">Screenshot: Checklist with signature modal</span><span class="ar">لقطة شاشة: قائمة الإقرار مع نافذة التوقيع</span></div>
|
||
|
||
<h4><span class="en">Step 5 — Set up your account</span><span class="ar">الخطوة 5 — إعداد الحساب</span></h4>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Field</span><span class="ar">الحقل</span></th><th><span class="en">Notes</span><span class="ar">ملاحظات</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Full Name</span><span class="ar">الاسم الكامل</span></td><td><span class="en">Read-only (pre-filled)</span><span class="ar">للقراءة فقط (معبأ مسبقاً)</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Email</span><span class="ar">البريد</span></td><td><span class="en">Read-only</span><span class="ar">للقراءة فقط</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Username</span><span class="ar">اسم المستخدم</span></td><td><span class="en">Choose one (3–150 chars)</span><span class="ar">اختر اسماً (3–150 حرف)</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Password</span><span class="ar">كلمة المرور</span></td><td><span class="en">Minimum 8 characters</span><span class="ar">8 أحرف على الأقل</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Confirm Password</span><span class="ar">تأكيد كلمة المرور</span></td><td><span class="en">Must match</span><span class="ar">يجب أن تتطابق</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Signature</span><span class="ar">التوقيع</span></td><td><span class="en">Type your full name as signature</span><span class="ar">اكتب اسمك الكامل كتوقيع</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
<p><span class="en">Click <strong>"Activate Account"</strong> to finalize.</span><span class="ar">انقر <strong>"تفعيل الحساب"</strong> للإنهاء.</span></p>
|
||
|
||
<h4><span class="en">Step 6 — Complete</span><span class="ar">الخطوة 6 — اكتمال</span></h4>
|
||
<p>
|
||
<span class="en">You'll see a green success screen: <strong>"Congratulations!"</strong>. Click <strong>"Start Exploring"</strong> to enter PX360.</span>
|
||
<span class="ar">ستظهر شاشة نجاح خضراء: <strong>"تهانينا!"</strong>. انقر <strong>"ابدأ الاستكشاف"</strong> للدخول إلى نظام PX360.</span>
|
||
</p>
|
||
|
||
<div class="callout callout-tip">
|
||
<strong><span class="en">Tip:</span><span class="ar">نصيحة:</span></strong>
|
||
<span class="en">The wizard hides the sidebar — you won't see the normal PX360 interface until you complete all steps.</span>
|
||
<span class="ar">يخفي المعالج القائمة الجانبية — لن ترى واجهة PX360 العادية حتى تكمل جميع الخطوات.</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 11: HOSPITAL SELECTION ============ -->
|
||
<section id="sec11" class="guide-section">
|
||
<h2><span class="sec-num">11.</span> <span class="en">Hospital Selection</span><span class="ar">اختيار المستشفى</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge admin"><span class="en">PX Admin only</span><span class="ar">مدير PX فقط</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">As a PX Admin, you manage multiple hospitals. PX360 asks you to <strong>select a hospital</strong> before you can access anything. You can switch hospitals at any time from the sidebar.</span>
|
||
<span class="ar">كمدير PX، تدير عدة مستشفيات. يطلب منك نظام PX360 <strong>اختيار مستشفى</strong> قبل الوصول إلى أي شيء. يمكنك التبديل بين المستشفيات في أي وقت من القائمة الجانبية.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">First-time selection</span><span class="ar">الاختيار الأول</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">After login, you're redirected to <code>/core/select-hospital/</code></span><span class="ar">بعد الدخول، يتم تحويلك إلى <code>/core/select-hospital/</code></span></li>
|
||
<li><span class="en">You'll see a grid of hospital cards — each showing the name, city, and a building icon</span><span class="ar">سترى شبكة من بطاقات المستشفيات — كل منها يعرض الاسم، المدينة، وأيقونة مبنى</span></li>
|
||
<li><span class="en">Click a hospital card — it highlights with a blue border and a check mark ✓</span><span class="ar">انقر على بطاقة مستشفى — تتميز بحدود زرقاء وعلامة صح ✓</span></li>
|
||
<li><span class="en">Click <strong>"Continue to Dashboard"</strong></span><span class="ar">انقر <strong>"المتابعة إلى لوحة التحكم"</strong></span></li>
|
||
</ol>
|
||
|
||
<div class="screenshot"><span class="en">Screenshot: Hospital selection page with cards</span><span class="ar">لقطة شاشة: صفحة اختيار المستشفى</span></div>
|
||
|
||
<h3><span class="en">Switching hospitals</span><span class="ar">تبديل المستشفى</span></h3>
|
||
<ul>
|
||
<li><span class="en">At the bottom of the sidebar, use the <strong>Hospital</strong> dropdown</span><span class="ar">أسفل القائمة الجانبية، استخدم القائمة المنسدلة <strong>المستشفى</strong></span></li>
|
||
<li><span class="en">Select a different hospital — the page <strong>reloads</strong> with data scoped to the new hospital</span><span class="ar">اختر مستشفى آخر — تُعاد <strong>تحميل الصفحة</strong> بالبيانات الخاصة بالمستشفى الجديد</span></li>
|
||
</ul>
|
||
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">Other roles:</span><span class="ar">الأدوار الأخرى:</span></strong>
|
||
<span class="en">Non-PX-Admin users are bound to their assigned hospital (<code>user.hospital</code>). They do not see the hospital switcher. If they have no hospital, they see a <strong>"No Hospital Assigned"</strong> error page.</span>
|
||
<span class="ar">المستخدمون غير مديري PX مرتبطون بمستشفاهم المعيّن. لا يرون مبدّل المستشفى. إذا لم يكن لديهم مستشفى، يرون صفحة <strong>"لا يوجد مستشفى مخصص"</strong>.</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 12: NAVIGATION & SIDEBAR ============ -->
|
||
<section id="sec12" class="guide-section">
|
||
<h2><span class="sec-num">12.</span> <span class="en">Navigation & Sidebar</span><span class="ar">التنقل والقائمة الجانبية</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge all"><span class="en">All staff</span><span class="ar">جميع الموظفين</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">The sidebar on the left is your main navigation. It's <strong>role-aware</strong> — different roles see different menu items. The sidebar collapses to icons by default and expands when you hover.</span>
|
||
<span class="ar">القائمة الجانبية على اليسار هي تنقلك الرئيسي. إنها <strong>حساسة للدور</strong> — أدوار مختلفة ترى عناصر مختلفة. تنطوي القائمة على أيقونات افتراضياً وتتوسع عند التمرير عليها.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">Sidebar behavior</span><span class="ar">سلوك القائمة الجانبية</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Collapsed by default</strong> — shows only icons (narrow, 5rem wide)</span><span class="ar"><strong>منطوية افتراضياً</strong> — تعرض الأيقونات فقط (ضيقة)</span></li>
|
||
<li><span class="en"><strong>Hover to expand</strong> — move your mouse over the sidebar to see labels</span><span class="ar"><strong>مرر للتوسع</strong> — حرك الماوس فوق القائمة لرؤية الأسماء</span></li>
|
||
<li><span class="en"><strong>Pin Sidebar</strong> — click the pin icon to keep it expanded permanently</span><span class="ar"><strong>تثبيت القائمة</strong> — انقر أيقونة الدبوس لإبقائها متوسعة دائماً</span></li>
|
||
<li><span class="en"><strong>RTL</strong> — in Arabic mode, the sidebar moves to the right side</span><span class="ar"><strong>RTL</strong> — في الوضع العربي، تنتقل القائمة إلى الجانب الأيمن</span></li>
|
||
</ul>
|
||
|
||
<h3><span class="en">Top bar</span><span class="ar">الشريط العلوي</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Element</span><span class="ar">العنصر</span></th><th><span class="en">Description</span><span class="ar">الوصف</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Page title</span><span class="ar">عنوان الصفحة</span></td><td><span class="en">Shows "Welcome, [your name]" or the current page name</span><span class="ar">يعرض "مرحباً، [اسمك]" أو اسم الصفحة الحالية</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">🔔 Notifications</span><span class="ar">🔔 الإشعارات</span></td><td><span class="en">Bell icon with red unread count badge. Click to see latest 5. Polls every 30 seconds.</span><span class="ar">أيقونة جرس مع شارة حمراء بعدّاد غير المقروء. انقر لرؤية آخر 5. يتحدث كل 30 ثانية.</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">🇬🇧/🇸🇦 Language</span><span class="ar">🇬🇧/🇸🇦 اللغة</span></td><td><span class="en">Switch between English and Arabic (see <a href="#sec13">Section 13</a>)</span><span class="ar">بدّل بين الإنجليزية والعربية (انظر <a href="#sec13">القسم 13</a>)</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">User menu</span><span class="ar">قائمة المستخدم</span></td><td><span class="en">Your avatar, name, role → dropdown with Profile, Settings, Logout</span><span class="ar">صورتك، اسمك، دورك → قائمة: الملف الشخصي، الإعدادات، خروج</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h3><span class="en">Menu structure by section</span><span class="ar">هيكل القائمة حسب القسم</span></h3>
|
||
|
||
<h4><span class="en">Dashboard</span><span class="ar">لوحة التحكم</span></h4>
|
||
<ul>
|
||
<li><span class="en"><strong>Dashboard</strong> — analytics overview (admins, management, executives, directors)</span><span class="ar"><strong>لوحة التحكم</strong> — نظرة تحليلية (الإداريون، الإدارة، التنفيذيون، المدراء)</span></li>
|
||
<li><span class="en"><strong>My Tasks</strong> — your assigned tasks (everyone)</span><span class="ar"><strong>مهامي</strong> — مهامك المسندة (الجميع)</span></li>
|
||
<li><span class="en"><strong>Command Center</strong> — real-time operations console</span><span class="ar"><strong>مركز القيادة</strong> — وحدة عمليات لحظية</span></li>
|
||
</ul>
|
||
|
||
<h4><span class="en">Core Feedback</span><span class="ar">الملاحظات الأساسية</span></h4>
|
||
<ul>
|
||
<li><span class="en"><strong>Complaints</strong>, <strong>Inquiries</strong>, <strong>Observations</strong>, <strong>Suggestions</strong>, <strong>Appreciation</strong></span><span class="ar"><strong>الشكاوى</strong>، <strong>الاستفسارات</strong>، <strong>الملاحظات</strong>، <strong>الاقتراحات</strong>، <strong>الشكر</strong></span></li>
|
||
</ul>
|
||
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">Hidden for:</span><span class="ar">مخفي عن:</span></strong>
|
||
<span class="en">Basic staff, Department Managers, Directors, and Source Users don't see Core Feedback items.</span>
|
||
<span class="ar">الموظفون الأساسيون، مديرو الأقسام، المدراء، ومستخدمو المصدر لا يرون عناصر الملاحظات الأساسية.</span>
|
||
</div>
|
||
|
||
<h4><span class="en">People & Records</span><span class="ar">الأشخاص والسجلات</span></h4>
|
||
<ul>
|
||
<li><span class="en"><strong>Patients</strong> — patient directory</span><span class="ar"><strong>المرضى</strong> — دليل المرضى</span></li>
|
||
<li><span class="en"><strong>Physicians</strong> — dashboard, list, leaderboard, ratings</span><span class="ar"><strong>الأطباء</strong> — لوحة، قائمة، ترتيب، تقييمات</span></li>
|
||
<li><span class="en"><strong>Staff</strong> — all staff, hierarchy, activity log (PX Admin)</span><span class="ar"><strong>الموظفون</strong> — جميع الموظفين، الهيكل، سجل النشاط</span></li>
|
||
<li><span class="en"><strong>Departments</strong> — department directory (or <strong>My Department</strong> for dept managers/champions)</span><span class="ar"><strong>الأقسام</strong> — دليل الأقسام (أو <strong>قسمي</strong> لمديري الأقسام والأبطال)</span></li>
|
||
</ul>
|
||
|
||
<h4><span class="en">Quality & Improvement</span><span class="ar">الجودة والتحسين</span></h4>
|
||
<ul>
|
||
<li><span class="en"><strong>QI Projects</strong> — quality improvement projects</span><span class="ar"><strong>مشاريع الجودة</strong></span></li>
|
||
<li><span class="en"><strong>Surveys</strong> — survey list, templates, create, mapping</span><span class="ar"><strong>الاستبيانات</strong> — قائمة، قوالب، إنشاء، ربط</span></li>
|
||
<li><span class="en"><strong>Standards</strong> — compliance dashboard, standards list, sources, categories</span><span class="ar"><strong>المعايير</strong> — لوحة الامتثال، قائمة المعايير، المصادر، الفئات</span></li>
|
||
</ul>
|
||
|
||
<h4><span class="en">Sources & Outreach</span><span class="ar">المصادر والتواصل</span></h4>
|
||
<ul>
|
||
<li><span class="en"><strong>PX Sources</strong> — all sources, government tickets, communication requests</span><span class="ar"><strong>مصادر PX</strong> — جميع المصادر، التذاكر الحكومية، طلبات التواصل</span></li>
|
||
<li><span class="en"><strong>Social Media</strong> (PX Admin only)</span><span class="ar"><strong>التواصل الاجتماعي</strong> (مدير PX فقط)</span></li>
|
||
</ul>
|
||
|
||
<h4><span class="en">Reports</span><span class="ar">التقارير</span></h4>
|
||
<ul>
|
||
<li><span class="en">Create Report, Saved Reports, KPI Reports, Census, Inquiry/Observation/Complaint Reports, Comments Analysis</span><span class="ar">إنشاء تقرير، التقارير المحفوظة، تقارير KPI، الإحصاء، تقارير الاستفسارات/الملاحظات/الشكاوى، تحليل التعليقات</span></li>
|
||
</ul>
|
||
|
||
<h4><span class="en">Reference & Config</span><span class="ar">المراجع والإعدادات</span></h4>
|
||
<ul>
|
||
<li><span class="en"><strong>References</strong> — document repository (dashboard, search, upload, folders)</span><span class="ar"><strong>المراجع</strong> — مستودع المستندات</span></li>
|
||
<li><span class="en"><strong>Acknowledgements</strong> — digital document signing (red badge = pending items)</span><span class="ar"><strong>الإقرارات</strong> — توقيع المستندات رقمياً (شارة حمراء = بنود معلّقة)</span></li>
|
||
<li><span class="en"><strong>Settings</strong> — system configuration (PX Admin / Hospital Admin)</span><span class="ar"><strong>الإعدادات</strong> — تكوين النظام (مدير PX / مدير المستشفى)</span></li>
|
||
<li><span class="en"><strong>Deleted Items</strong> — soft-deleted records (PX Admin / Hospital Admin)</span><span class="ar"><strong>العناصر المحذوفة</strong> — السجلات المحذوفة مؤقتاً</span></li>
|
||
</ul>
|
||
|
||
<h3><span class="en">Champion (Department Respondent) — minimal view</span><span class="ar">البطل (مجيب القسم) — عرض مبسط</span></h3>
|
||
<p>
|
||
<span class="en">If you are a <strong>Champion</strong> and not also an admin/manager, your sidebar shows only:</span>
|
||
<span class="ar">إذا كنت <strong>بطلاً</strong> وست لست أيضاً إدارياً/مديراً، تعرض قائمتك الجانبية فقط:</span>
|
||
</p>
|
||
<ul>
|
||
<li><span class="en"><strong>My Tasks</strong></span><span class="ar"><strong>مهامي</strong></span></li>
|
||
<li><span class="en"><strong>My Department</strong> — your department's detail page</span><span class="ar"><strong>قسمي</strong> — صفحة تفاصيل قسمك</span></li>
|
||
</ul>
|
||
<p>
|
||
<span class="en">Everything else is hidden. Champions primarily interact via <strong>token-based response forms</strong> sent by email (no full login needed for those).</span>
|
||
<span class="ar">كل شيء آخر مخفي. يتفاعل الأبطال أساساً عبر <strong>نماذج الرد المستندة إلى الرمز</strong> المرسلة بالبريد (لا حاجة لتسجيل دخول كامل لها).</span>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 13: LANGUAGE SWITCHING ============ -->
|
||
<section id="sec13" class="guide-section">
|
||
<h2><span class="sec-num">13.</span> <span class="en">Language Switching</span><span class="ar">تبديل اللغة</span></h2>
|
||
<div class="role-badges">
|
||
<span class="role-badge all"><span class="en">All users</span><span class="ar">جميع المستخدمين</span></span>
|
||
</div>
|
||
|
||
<p>
|
||
<span class="en">PX360 is fully bilingual — <strong>English</strong> and <strong>Arabic</strong>. You can switch the language at any time. The change takes effect immediately.</span>
|
||
<span class="ar">نظام PX360 ثنائي اللغة بالكامل — <strong>الإنجليزية</strong> و<strong>العربية</strong>. يمكنك تبديل اللغة في أي وقت. يسري التغيير فوراً.</span>
|
||
</p>
|
||
|
||
<h3><span class="en">How to switch</span><span class="ar">كيفية التبديل</span></h3>
|
||
<ul>
|
||
<li><span class="en">Click the <strong>language buttons</strong> in the <strong>top bar</strong> (top-right corner)</span><span class="ar">انقر <strong>أزرار اللغة</strong> في <strong>الشريط العلوي</strong> (الزاوية اليمنى)</span></li>
|
||
<li><span class="en">Or use the language buttons at the <strong>bottom of the sidebar</strong></span><span class="ar">أو استخدم أزرار اللغة في <strong>أسفل القائمة الجانبية</strong></span></li>
|
||
<li><span class="en">Flags: 🇬🇧 English / 🇸🇦 Arabic</span><span class="ar">الأعلام: 🇬🇧 إنجليزي / 🇸🇦 عربي</span></li>
|
||
</ul>
|
||
|
||
<h3><span class="en">What changes</span><span class="ar">ما الذي يتغير</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Aspect</span><span class="ar">الجانب</span></th><th><span class="en">Details</span><span class="ar">التفاصيل</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Text direction</span><span class="ar">اتجاه النص</span></td><td><span class="en">Arabic = RTL (right-to-left); English = LTR (left-to-right)</span><span class="ar">العربية = RTL؛ الإنجليزية = LTR</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Sidebar position</span><span class="ar">موضع القائمة</span></td><td><span class="en">Arabic = right side; English = left side</span><span class="ar">العربية = يمين؛ الإنجليزية = يسار</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Font</span><span class="ar">الخط</span></td><td><span class="en">Arabic = Noto Kufi Arabic; English = Inter</span><span class="ar">العربية = Noto Kufi Arabic؛ الإنجليزية = Inter</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">All UI text</span><span class="ar">نصوص الواجهة</span></td><td><span class="en">All menus, buttons, labels, and content switch to the selected language</span><span class="ar">جميع القوائم والأزرار والمحتوى تتبدل للغة المختارة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Page reload</span><span class="ar">إعادة تحميل</span></td><td><span class="en">Yes — the page reloads to apply the new language</span><span class="ar">نعم — تُعاد تحميل الصفحة لتطبيق اللغة الجديدة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Persistence</span><span class="ar">الاستمرارية</span></td><td><span class="en">Your choice is saved in a cookie (1 year) — you stay in that language next visit</span><span class="ar">يُحفظ اختيارك في ملف تعريف ارتباط (سنة) — تبقى في تلك اللغة في الزيارة القادمة</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="callout callout-tip">
|
||
<strong><span class="en">Tip:</span><span class="ar">نصيحة:</span></strong>
|
||
<span class="en">You can also set your preferred language in <strong>Settings → Profile → Language</strong>. This persists across sessions.</span>
|
||
<span class="ar">يمكنك أيضاً تعيين لغتك المفضلة في <strong>الإعدادات ← الملف الشخصي ← اللغة</strong>. يستمر هذا عبر الجلسات.</span>
|
||
</div>
|
||
|
||
<div class="callout callout-note">
|
||
<strong><span class="en">Bilingual content:</span><span class="ar">محتوى ثنائي اللغة:</span></strong>
|
||
<span class="en">Some content (like department responses, AI summaries, and feedback descriptions) is stored in both English and Arabic. The system shows the version matching your current language.</span>
|
||
<span class="ar">بعض المحتوى (مثل ردود الأقسام وملخصات الذكاء الاصطناعي) مخزن باللغتين. يعرض النظام النسخة المطابقة للغتك الحالية.</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 14: DASHBOARD ============ -->
|
||
<section id="sec14" class="guide-section">
|
||
<h2><span class="sec-num">14.</span> <span class="en">Dashboard & Command Center</span><span class="ar">لوحة التحكم ومركز القيادة</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">Admins, Management, Executives, Directors</span><span class="ar">الإداريون، الإدارة، التنفيذيون</span></span></div>
|
||
<p><span class="en">The Command Center (<code>/</code>) is your real-time operations console. It follows the <strong>"5-Second Rule"</strong> — critical signals are immediately visible.</span><span class="ar">مركز القيادة (<code>/</code>) هو وحدة العمليات اللحظية. يتبع <strong>"قاعدة الـ 5 ثوانٍ"</strong> — الإشارات الحرجة ظاهرة فوراً.</span></p>
|
||
<h3><span class="en">What you see</span><span class="ar">ما تراه</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Red Alert Banner</strong> — appears only when items need immediate action (critical complaints, overdue items, escalated actions)</span><span class="ar"><strong>تنبيه أحمر</strong> — يظهر فقط عندما تحتاج عناصر إلى إجراء فوري</span></li>
|
||
<li><span class="en"><strong>5 Core Module Cards</strong> — Complaints, Survey Insights, PX Actions, Inquiries, Observations (each with counts, trends, and click-through)</span><span class="ar"><strong>5 بطاقات للوحدات الأساسية</strong> — الشكاوى، الاستبيانات، الإجراءات، الاستفسارات، الملاحظات</span></li>
|
||
<li><span class="en"><strong>Charts</strong> — Complaints Trend (day/week/month), NPS Score, Severity Distribution, Actions Pipeline</span><span class="ar"><strong>رسوم بيانية</strong> — اتجاه الشكاوى، درجة NPS، توزيع الخطورة، خط أنابيب الإجراءات</span></li>
|
||
<li><span class="en"><strong>Live Feed</strong> — latest high-severity complaints and escalated actions</span><span class="ar"><strong>تغذية حية</strong> — أحدث الشكاوى عالية الخطورة والإجراءات المصعّدة</span></li>
|
||
<li><span class="en"><strong>Auto-refresh</strong> — updates every 60 seconds; manual "Refresh Now" button available</span><span class="ar"><strong>تحديث تلقائي</strong> — كل 60 ثانية؛ زر "تحديث الآن" متاح</span></li>
|
||
</ul>
|
||
<div class="callout callout-note"><strong><span class="en">Role-based data:</span><span class="ar">البيانات حسب الدور:</span></strong> <span class="en">PX Admin sees the selected hospital's data; Hospital Admin/Executive sees their hospital; Dept Manager/Champion sees their department; Director sees directed departments.</span><span class="ar">مدير PX يرى بيانات المستشفى المحدد؛ مدير المستشفى/التنفيذي يرى مستشفاه؛ مدير القسم يرى قسمه.</span></div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 15: COMPLAINTS ============ -->
|
||
<section id="sec15" class="guide-section">
|
||
<h2><span class="sec-num">15.</span> <span class="en">Complaints</span><span class="ar">الشكاوى</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin, PX Management, PX Employee</span><span class="ar">مدير PX، مدير المستشفى، إدارة PX، موظف PX</span></span></div>
|
||
<p><span class="en">The Complaints module is the core of PX360. It manages the full complaint lifecycle from intake to resolution, with AI-assisted classification, SLA tracking, department routing, and escalation.</span><span class="ar">وحدة الشكاوى هي جوهر نظام PX360. تدير دورة حياة الشكوى الكاملة من الاستلام إلى الحل، مع تصنيف بالذكاء الاصطناعي، وتتبع SLA، وتوجيه الأقسام، والتصعيد.</span></p>
|
||
|
||
<h3><span class="en">List page</span><span class="ar">صفحة القائمة</span></h3>
|
||
<p><span class="en">URL: <code>/complaints/</code>. Shows stat cards (Total, Resolved, Pending, Overdue), quick filter pills (All/Pending/In Progress/Resolved), advanced filters (Priority, Department, Severity, Date range), and search by reference, patient name, or MRN.</span><span class="ar">الرابط: <code>/complaints/</code>. يعرض بطاقات إحصائية ومرشحات سريعة ومتقدمة وبحث بالرقم المرجعي أو اسم المريض.</span></p>
|
||
|
||
<h3><span class="en">Creating a complaint (internal)</span><span class="ar">إنشاء شكوى (داخلي)</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Click <strong>"New Case"</strong> on the list page</span><span class="ar">انقر <strong>"حالة جديدة"</strong></span></li>
|
||
<li><span class="en">Fill the form — see fields below</span><span class="ar">املأ النموذج — انظر الحقول أدناه</span></li>
|
||
<li><span class="en">Submit — AI auto-classifies (severity, priority, category) and a reference <code>CMP-</code> is generated</span><span class="ar">أرسل — يصنّف الذكاء الاصطناعي تلقائياً ويُنشأ رقم <code>CMP-</code></span></li>
|
||
</ol>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Section</span><span class="ar">القسم</span></th><th><span class="en">Fields</span><span class="ar">الحقول</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Patient Info</span><span class="ar">معلومات المريض</span></td><td><span class="en">Relation to Patient*, Patient Name*, National ID*, Incident Date*</span><span class="ar">صلة المريض*، اسم المريض*، الهوية*، تاريخ الحادثة*</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Location</span><span class="ar">الموقع</span></td><td><span class="en">Hospital*, Location Type*, Area, Department*, Section, Staff</span><span class="ar">المستشفى*، نوع الموقع*، المنطقة، القسم*، القسم الفرعي، الموظف</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Details</span><span class="ar">التفاصيل</span></td><td><span class="en">Description*, Expected Result</span><span class="ar">الوصف*، النتيجة المتوقعة</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h3><span class="en">The complaint lifecycle (stepper)</span><span class="ar">دورة حياة الشكوى</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en"><strong>Created</strong> — complaint is in the system (status: Open)</span><span class="ar"><strong>أُنشئت</strong> — الشكوى في النظام (الحالة: مفتوحة)</span></li>
|
||
<li><span class="en"><strong>Activate</strong> — click "Activate" to self-assign and move to In Progress</span><span class="ar"><strong>تفعيل</strong> — انقر "تفعيل" لإسنادها لنفسك والانتقال إلى "قيد التنفيذ"</span></li>
|
||
<li><span class="en"><strong>Review Taxonomy</strong> — edit the AI classification (Domain/Category/Subcategory/Classification), then click "Confirm"</span><span class="ar"><strong>مراجعة التصنيف</strong> — عدّل تصنيف الذكاء الاصطناعي ثم انقر "تأكيد"</span></li>
|
||
<li><span class="en"><strong>Send to Department</strong> — open the Send modal, pick department + optional staff, add a note. The department champion and manager are notified.</span><span class="ar"><strong>إرسال للقسم</strong> — افتح نافذة الإرسال، اختر القسم والموظف، أضف ملاحظة. يتم إشعار بطل القسم والمدير.</span></li>
|
||
<li><span class="en"><strong>Department Response</strong> — the champion responds via a token-based email link or the staff uses "Submit Response"</span><span class="ar"><strong>رد القسم</strong> — يرد البطل عبر رابط البريد أو يستخدم الموظف "تقديم الرد"</span></li>
|
||
<li><span class="en"><strong>Resolve</strong> — generate a resolution (AI-assisted EN/AR), then "Mark as Resolved"</span><span class="ar"><strong>الحل</strong> — أنشئ الحل (بمساعدة الذكاء الاصطناعي) ثم "تم الحل"</span></li>
|
||
<li><span class="en"><strong>Close</strong> — close the complaint; triggers a satisfaction survey to the patient</span><span class="ar"><strong>إغلاق</strong> — أغلق الشكوى؛ يطلق استبيان الرضا للمريض</span></li>
|
||
</ol>
|
||
|
||
<h3><span class="en">Detail page actions</span><span class="ar">إجراءات صفحة التفاصيل</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Action</span><span class="ar">الإجراء</span></th><th><span class="en">When</span><span class="ar">متى</span></th><th><span class="en">What happens</span><span class="ar">ماذا يحدث</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Assign / Reassign</span><span class="ar">إسناد</span></td><td><span class="en">Anytime</span><span class="ar">في أي وقت</span></td><td><span class="en">Modal: pick a user to assign</span><span class="ar">نافذة: اختر مستخدماً</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Escalate</span><span class="ar">تصعيد</span></td><td><span class="en">Anytime after activation</span><span class="ar">بعد التفعيل</span></td><td><span class="en">Modal: pick target manager + editable email; sends escalation email</span><span class="ar">نافذة: اختر المدير المستهدف؛ يرسل بريد تصعيد</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">OVR Escalate</span><span class="ar">تصعيد OVR</span></td><td><span class="en">Anytime</span><span class="ar">في أي وقت</span></td><td><span class="en">Toggle button → status becomes "OVR Pending" → admin Approves/Rejects</span><span class="ar">زر تبديل ← تصبح الحالة "بانتظار OVR" ← يوافق/يرفض المسؤول</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Add Note</span><span class="ar">إضافة ملاحظة</span></td><td><span class="en">Anytime</span><span class="ar">في أي وقت</span></td><td><span class="en">Notes tab → type and save</span><span class="ar">تبويب الملاحظات ← اكتب واحفظ</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Reopen</span><span class="ar">إعادة فتح</span></td><td><span class="en">Resolved/Closed only</span><span class="ar">محلولة/مغلقة فقط</span></td><td><span class="en">Creates a new linked complaint</span><span class="ar">ينشئ شكوى جديدة مرتبطة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Delete</span><span class="ar">حذف</span></td><td><span class="en">Admins only</span><span class="ar">الإداريون فقط</span></td><td><span class="en">Soft-deletes; restorable from Deleted Items</span><span class="ar">حذف مؤقت؛ قابل للاستعادة من العناصر المحذوفة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Export PDF</span><span class="ar">تصدير PDF</span></td><td><span class="en">Anytime</span><span class="ar">في أي وقت</span></td><td><span class="en">Generates complaint PDF (standard or letterhead)</span><span class="ar">ينشئ ملف PDF للشكوى</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Add Adverse Action</span><span class="ar">إجراء عكسي</span></td><td><span class="en">Anytime</span><span class="ar">في أي وقت</span></td><td><span class="en">Links an adverse action for tracking</span><span class="ar">يربط إجراءً عكسياً للتتبع</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Create PX Action / QI / RCA</span><span class="ar">إنشاء إجراء/مشروع/تحليل</span></td><td><span class="en">Admin tab</span><span class="ar">تبويب الإدارة</span></td><td><span class="en">Quick links to create linked improvement items</span><span class="ar">روابط سريعة لإنشاء عناصر تحسين مرتبطة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Record Satisfaction</span><span class="ar">تسجيل الرضا</span></td><td><span class="en">Resolved/Closed</span><span class="ar">محلولة/مغلقة</span></td><td><span class="en">Satisfied / Neutral / Dissatisfied / No Response (5-day window)</span><span class="ar">راضٍ / محايد / غير راضٍ / لا رد (خلال 5 أيام)</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
<div class="callout callout-tip"><strong><span class="en">AI features:</span><span class="ar">ميزات الذكاء الاصطناعي:</span></strong> <span class="en">Auto-classification on creation (severity, priority, taxonomy), AI resolution generation (EN/AR), AI summary PDF.</span><span class="ar">تصنيف تلقائي عند الإنشاء، توليد الحل بالذكاء الاصطناعي، ملخص PDF.</span></div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 16: INQUIRIES ============ -->
|
||
<section id="sec16" class="guide-section">
|
||
<h2><span class="sec-num">16.</span> <span class="en">Inquiries</span><span class="ar">الاستفسارات</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin, PX Management, PX Employee</span><span class="ar">مدير PX، مدير المستشفى، إدارة PX، موظف PX</span></span></div>
|
||
<p><span class="en">Inquiries are lighter than complaints — they handle questions and information requests. The lifecycle is simpler.</span><span class="ar">الاستفسارات أبسط من الشكاوى — تتعامل مع الأسئلة وطلبات المعلومات. دورة الحياة أبسط.</span></p>
|
||
<h3><span class="en">List page</span><span class="ar">صفحة القائمة</span></h3>
|
||
<p><span class="en">URL: <code>/inquiries/</code>. Stats: Total, Resolved, In Progress, Overdue. Filters: Search, Status, Category.</span><span class="ar">الرابط: <code>/inquiries/</code>. إحصائيات ومرشحات.</span></p>
|
||
<h3><span class="en">Creating an inquiry</span><span class="ar">إنشاء استفسار</span></h3>
|
||
<p><span class="en">Click <strong>"New Inquiry"</strong>. Fields: Hospital, Location Type, Contact Name*, Contact Phone, Contact Email, Category*, Priority, Subject*, Message*. Optional <strong>Outgoing Inquiry</strong> toggle to set an Outgoing Department.</span><span class="ar">انقر <strong>"استفسار جديد"</strong>. الحقول مماثلة للشكاوى مع حقل الموضوع.</span></p>
|
||
<h3><span class="en">Detail page actions</span><span class="ar">إجراءات صفحة التفاصيل</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Action</span><span class="ar">الإجراء</span></th><th><span class="en">What happens</span><span class="ar">ماذا يحدث</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Activate</span><span class="ar">تفعيل</span></td><td><span class="en">Self-assign + move to In Progress</span><span class="ar">إسناد ذاتي والانتقال لقيد التنفيذ</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Transfer to Department</span><span class="ar">تحويل للقسم</span></td><td><span class="en">Modal: pick Staff or Department Email recipient + EN/AR note</span><span class="ar">نافذة: اختر المستلم وأضف ملاحظة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Respond to Patient</span><span class="ar">الرد على المريض</span></td><td><span class="en">Modal: type response or "Generate AI Response" (EN/AR); sent via SMS + Email</span><span class="ar">نافذة: اكتب الرد أو "توليد بالذكاء الاصطناعي"؛ يُرسل عبر SMS والبريد</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Change Status</span><span class="ar">تغيير الحالة</span></td><td><span class="en">Dropdown: Open, In Progress, Contacted, Contacted (No Response), Resolved, Closed</span><span class="ar">قائمة: مفتوح، قيد التنفيذ، تم التواصل، محلول، مغلق</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Escalate</span><span class="ar">تصعيد</span></td><td><span class="en">Modal: target + reason + email</span><span class="ar">نافذة: المستهدف والسبب والبريد</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Send Reminder</span><span class="ar">إرسال تذكير</span></td><td><span class="en">First (amber) / Urgent (red) — for department response</span><span class="ar">أول / عاجل — لرد القسم</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 17: OBSERVATIONS ============ -->
|
||
<section id="sec17" class="guide-section">
|
||
<h2><span class="sec-num">17.</span> <span class="en">Observations</span><span class="ar">الملاحظات</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin, PX Management, PX Employee</span><span class="ar">مدير PX، مدير المستشفى، إدارة PX، موظف PX</span></span></div>
|
||
<p><span class="en">Observations are safety or quality reports. They can come from the public (anonymous) or be created internally. The key staff action is <strong>triage</strong>.</span><span class="ar">الملاحظات هي تقارير Safety أو جودة. قد تأتي من الجمهور (مجهولة) أو تُنشأ داخلياً. الإجراء الرئيسي هو <strong>الفرز</strong>.</span></p>
|
||
<h3><span class="en">List page</span><span class="ar">صفحة القائمة</span></h3>
|
||
<p><span class="en">URL: <code>/observations/</code>. Filters: Search, Status, Severity, Category, Department, Assigned, Date range. Sortable by date or severity.</span><span class="ar">الرابط: <code>/observations/</code>. مرشحات وبحث وفرز.</span></p>
|
||
<h3><span class="en">Creating an observation (internal)</span><span class="ar">إنشاء ملاحظة (داخلي)</span></h3>
|
||
<p><span class="en">Click <strong>"New Observation"</strong>. Fields: Hospital, Location Type, Area, Department, Assign To, When did this occur?, Patient File Number, Description*.</span><span class="ar">انقر <strong>"ملاحظة جديدة"</strong>. الحقول: المستشفى، الموقع، القسم، الوصف.</span></p>
|
||
<h3><span class="en">Detail page actions</span><span class="ar">إجراءات صفحة التفاصيل</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Action</span><span class="ar">الإجراء</span></th><th><span class="en">What happens</span><span class="ar">ماذا يحدث</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Triage</span><span class="ar">فرز</span></td><td><span class="en">Sidebar form: set Department + Assign To + Status + Note (key triage action)</span><span class="ar">نموذج جانبي: حدد القسم والمسؤول والحالة والملاحظة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Send to Dept</span><span class="ar">إرسال للقسم</span></td><td><span class="en">Routes to department; champion notified</span><span class="ar">يوجّه للقسم؛ يُشعَر البطل</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Respond to Patient</span><span class="ar">الرد على المريض</span></td><td><span class="en">AI-assisted response generation</span><span class="ar">توليد رد بمساعدة الذكاء الاصطناعي</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Convert to Action</span><span class="ar">تحويل لإجراء</span></td><td><span class="en">Admin only: creates a linked PX Action (one-way)</span><span class="ar">الإداريون فقط: ينشئ إجراءً مرتبطاً</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Resolve / Reopen / Delete</span><span class="ar">حل / إعادة / حذف</span></td><td><span class="en">Standard lifecycle actions</span><span class="ar">إجراءات دورة الحياة القياسية</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
<div class="callout callout-note"><strong><span class="en">Statuses:</span><span class="ar">الحالات:</span></strong> <span class="en">Open → In Progress → Resolved → {Closed | In Progress}. Closed → In Progress (reopen).</span><span class="ar">مفتوح ← قيد التنفيذ ← محلول ← {مغلق | قيد التنفيذ}.</span></div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 18: FEEDBACK & SUGGESTIONS ============ -->
|
||
<section id="sec18" class="guide-section">
|
||
<h2><span class="sec-num">18.</span> <span class="en">Feedback & Suggestions</span><span class="ar">الملاحظات والاقتراحات</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin, PX Management, PX Employee</span><span class="ar">مدير PX، مدير المستشفى، إدارة PX، موظف PX</span></span></div>
|
||
<p><span class="en">The Feedback module handles compliments, suggestions, and general feedback. It includes a comment classification pipeline for imported patient comments.</span><span class="ar">وحدة الملاحظات تتعامل مع الشكر والاقتراحات والملاحظات العامة. تتضمن خط أنابيب لتصنيف تعليقات المرضى المستوردة.</span></p>
|
||
<h3><span class="en">List page</span><span class="ar">صفحة القائمة</span></h3>
|
||
<p><span class="en">URL: <code>/suggestions/</code>. Extensive filters: type, status, category, sentiment, priority, hospital, department, rating, date range. Stats include sentiment breakdown and average rating.</span><span class="ar">الرابط: <code>/suggestions/</code>. مرشحات شاملة وإحصائيات المشاعر والتقييم.</span></p>
|
||
<h3><span class="en">Status lifecycle</span><span class="ar">دورة الحياة</span></h3>
|
||
<p><span class="en"><strong>Submitted → Reviewed → Acknowledged → Closed</strong> (with Reopened from Closed).</span><span class="ar"><strong>مُرسل ← مراجَع ← مُقرّ ← مغلق</strong>.</span></p>
|
||
<h3><span class="en">Detail page actions</span><span class="ar">إجراءات صفحة التفاصيل</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Assign</strong> — pick a user + note</span><span class="ar"><strong>إسناد</strong> — اختر مستخدماً وملاحظة</span></li>
|
||
<li><span class="en"><strong>Change Status</strong> — dropdown with transition enforcement</span><span class="ar"><strong>تغيير الحالة</strong> — قائمة منسدلة</span></li>
|
||
<li><span class="en"><strong>Send to Department</strong> — routes to dept champion/manager</span><span class="ar"><strong>إرسال للقسم</strong> — يوجّه للقسم</span></li>
|
||
<li><span class="en"><strong>Add Response</strong> — type + internal flag</span><span class="ar"><strong>إضافة رد</strong> — اكتب + علامة داخلية</span></li>
|
||
<li><span class="en"><strong>Create PX Action</strong> — from AI-suggested actions or manually</span><span class="ar"><strong>إنشاء إجراء</strong> — من اقتراحات الذكاء الاصطناعي أو يدوياً</span></li>
|
||
<li><span class="en"><strong>Toggle Featured / Follow-up</strong> — admin flags</span><span class="ar"><strong>تمييز / متابعة</strong> — علامات إدارية</span></li>
|
||
</ul>
|
||
<h3><span class="en">Comment classification pipeline</span><span class="ar">خط تصنيف التعليقات</span></h3>
|
||
<p><span class="en">Admins can import patient comments from IT data (CSV), classify them (Hospital/Medical/Nursing/ER/Support), assign sub-categories (Pharmacy, LAB, Food, etc.), track sentiment, and create department action plans with export.</span><span class="ar">يمكن للإداريين استيراد تعليقات المرضى وتصنيفها وإنشاء خطط عمل للأقسام مع التصدير.</span></p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 19: APPRECIATION ============ -->
|
||
<section id="sec19" class="guide-section">
|
||
<h2><span class="sec-num">19.</span> <span class="en">Appreciation</span><span class="ar">التقدير</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin, PX Management, PX Employee</span><span class="ar">مدير PX، مدير المستشفى، إدارة PX، موظف PX</span></span></div>
|
||
<p><span class="en">The Appreciation module recognizes staff. Appreciations enter as <strong>Draft</strong> via the public form, then staff activate, AI-analyze, and send them to the recognized person/department.</span><span class="ar">وحدة التقدير تكرّم الموظفين. تدخل كـ <strong>مسودة</strong> من النموذج العام، ثم يفعّلها الموظفون ويرسلونها.</span></p>
|
||
<h3><span class="en">Lifecycle</span><span class="ar">دورة الحياة</span></h3>
|
||
<p><span class="en"><strong>Draft → Activated → AI Analyzed → Sent → Acknowledged</strong></span><span class="ar"><strong>مسودة ← مفعّل ← محلل ← مُرسل ← مُقرّ</strong></span></p>
|
||
<h3><span class="en">Staff workflow</span><span class="ar">سير عمل الموظف</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en"><strong>Activate</strong> — pick Staff Member, Department, Category → "Activate & Analyze" (AI generates summary EN/AR, themes, tone)</span><span class="ar"><strong>تفعيل</strong> — اختر الموظف والقسم ← "تفعيل وتحليل"</span></li>
|
||
<li><span class="en"><strong>Send to Department</strong> — pick recipient (person or department); emails/SMS the champion + manager</span><span class="ar"><strong>إرسال للقسم</strong> — اختر المستلم؛ يتم إشعار البطل والمدير</span></li>
|
||
<li><span class="en"><strong>Acknowledge</strong> — only the assigned recipient can acknowledge</span><span class="ar"><strong>إقرار</strong> — فقط المستلم المعين يمكنه الإقرار</span></li>
|
||
</ol>
|
||
<h3><span class="en">Gamification</span><span class="ar">تحفيز</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Leaderboard</strong> — ranks by received_count (monthly aggregates). Filters: year, month, hospital, department.</span><span class="ar"><strong>المتصدرون</strong> — ترتيب حسب عدد الاستلام. مرشحات.</span></li>
|
||
<li><span class="en"><strong>My Badges</strong> — earned badges + progress toward unearned ones</span><span class="ar"><strong>أوسمتي</strong> — الأوسمة المكتسبة والتقدم</span></li>
|
||
<li><span class="en"><strong>Categories & Badges admin</strong> — admins manage categories and badge criteria</span><span class="ar"><strong>إدارة الفئات والأوسمة</strong> — يدير الإداريون</span></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 20: SURVEYS ============ -->
|
||
<section id="sec20" class="guide-section">
|
||
<h2><span class="sec-num">20.</span> <span class="en">Surveys</span><span class="ar">الاستبيانات</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin (create/manage)</span><span class="ar">مدير PX، مدير المستشفى</span></span></div>
|
||
<p><span class="en">The Surveys module lets you build survey templates, send them to patients (manual, CSV, or HIS import), and analyze results including AI sentiment analysis on comments.</span><span class="ar">وحدة الاستبيانات تتيح بناء قوالب الاستبيان وإرسالها للمرضى وتحليل النتائج.</span></p>
|
||
<h3><span class="en">Template builder</span><span class="ar">منشئ القوالب</span></h3>
|
||
<p><span class="en">URL: <code>/surveys/templates/</code>. Click "Create" to build a new template.</span><span class="ar">الرابط: <code>/surveys/templates/</code>. انقر "إنشاء" لبناء قالب.</span></p>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Setting</span><span class="ar">الإعداد</span></th><th><span class="en">Options</span><span class="ar">الخيارات</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Survey Type</span><span class="ar">نوع الاستبيان</span></td><td><span class="en">Stage, Complaint Resolution, General, NPS</span><span class="ar">مرحلة، حل الشكوى، عام، NPS</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Scoring Method</span><span class="ar">طريقة الاحتساب</span></td><td><span class="en">Average, Weighted, NPS</span><span class="ar">متوسط، مرجح، NPS</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Negative Threshold</span><span class="ar">حد السلبية</span></td><td><span class="en">Scores below this trigger PX Actions (default 3.0)</span><span class="ar">الدرجات الأقل تطلق إجراءات (افتراضي 3.0)</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Question Types</span><span class="ar">أنواع الأسئلة</span></td><td><span class="en">Rating (stars), NPS (0-10), Likert (1-5), Yes/No, Multiple Choice, Text, Textarea</span><span class="ar">تقييم، NPS، ليكرت، نعم/لا، اختيار، نص</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Routing Rules</span><span class="ar">قواعد التوجيه</span></td><td><span class="en">Skip logic: when [question] [operator] [value] → skip to / end survey</span><span class="ar">منطق التخطي</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
<ul>
|
||
<li><span class="en"><strong>Add/Remove questions</strong> with drag-to-reorder (SortableJS)</span><span class="ar"><strong>إضافة/حذف الأسئلة</strong> مع سحب لإعادة الترتيب</span></li>
|
||
<li><span class="en"><strong>Event Type binding</strong> — link questions to specific HIS visit events</span><span class="ar"><strong>ربط بنوع الحدث</strong> — اربط الأسئلة بأحداث الزيارة</span></li>
|
||
</ul>
|
||
<h3><span class="en">Sending surveys</span><span class="ar">إرسال الاستبيانات</span></h3>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Method</span><span class="ar">الطريقة</span></th><th><span class="en">How</span><span class="ar">كيف</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Search Existing</span><span class="ar">بحث عن مريض</span></td><td><span class="en">Search by name/MRN, pick template, choose Email or SMS</span><span class="ar">ابحث بالاسم أو MRN، اختر القالب والقناة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Enter Phone</span><span class="ar">إدخال هاتف</span></td><td><span class="en">Type a phone number (must start with +), SMS only</span><span class="ar">اكتب رقم هاتف (يبدأ بـ +)، SMS فقط</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Upload CSV</span><span class="ar">رفع CSV</span></td><td><span class="en">File with columns: phone_number, name. Processes inline.</span><span class="ar">ملف بأعمدة: phone_number، name</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">HIS Import (3-step)</span><span class="ar">استيراد HIS</span></td><td><span class="en">Upload MOH CSV → Review (auto-detect patients) → Select recipients & send</span><span class="ar">ارفع CSV ← مراجعة ← اختر المستلمين وأرسل</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
<h3><span class="en">Analytics</span><span class="ar">التحليلات</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Engagement Dashboard</strong> — open rate, completion rate, abandonment rate, avg time</span><span class="ar"><strong>لوحة التفاعل</strong> — معدل الفتح، الإكمال، التخلي</span></li>
|
||
<li><span class="en"><strong>Comments Analysis</strong> — AI sentiment on free-text comments, charts by patient type</span><span class="ar"><strong>تحليل التعليقات</strong> — مشاعر الذكاء الاصطناعي</span></li>
|
||
<li><span class="en"><strong>Enhanced Reports</strong> — per-survey-type reports with charts and recommendations</span><span class="ar"><strong>تقارير محسّنة</strong> — تقارير لكل نوع استبيان</span></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 21: REPORTS ============ -->
|
||
<section id="sec21" class="guide-section">
|
||
<h2><span class="sec-num">21.</span> <span class="en">Reports</span><span class="ar">التقارير</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin, PX Management</span><span class="ar">مدير PX، مدير المستشفى، إدارة PX</span></span></div>
|
||
<p><span class="en">The Reports module is a custom report builder. Pick a data source, apply filters, select columns, generate, and export.</span><span class="ar">وحدة التقارير هي منشئ تقارير مخصص. اختر مصدر البيانات، طبّق المرشحات، اختر الأعمدة، أنشئ، وصدّر.</span></p>
|
||
<h3><span class="en">Report builder</span><span class="ar">منشئ التقارير</span></h3>
|
||
<p><span class="en">URL: <code>/reports/</code>. Left panel = configuration, right panel = live preview.</span><span class="ar">الرابط: <code>/reports/</code>. اللوحة اليسرى = التكوين، اليمنى = المعاينة.</span></p>
|
||
<ol class="steps">
|
||
<li><span class="en"><strong>Data Source</strong> — choose: Complaints, Inquiries, Observations, PX Actions, Surveys, Physicians, Staff, Departments, Suggestions, Appreciations, Patients</span><span class="ar"><strong>مصدر البيانات</strong> — اختر من القائمة</span></li>
|
||
<li><span class="en"><strong>Date Range</strong> — Last 7/30/90 days, Year to Date, or Custom</span><span class="ar"><strong>النطاق الزمني</strong></span></li>
|
||
<li><span class="en"><strong>Filters</strong> — Department, Status</span><span class="ar"><strong>المرشحات</strong></span></li>
|
||
<li><span class="en"><strong>Columns</strong> — checkboxes (first 8 selected by default); Select All / Clear</span><span class="ar"><strong>الأعمدة</strong></span></li>
|
||
<li><span class="en"><strong>Generate Report</strong> — interactive table with search, sort, column toggle, print</span><span class="ar"><strong>إنشاء التقرير</strong></span></li>
|
||
<li><span class="en"><strong>Save Report</strong> — name it, optionally share with hospital</span><span class="ar"><strong>حفظ التقرير</strong></span></li>
|
||
</ol>
|
||
<h3><span class="en">Export formats</span><span class="ar">صيغ التصدير</span></h3>
|
||
<p><span class="en">From a saved report's detail page: <strong>CSV</strong>, <strong>Excel</strong> (styled), <strong>PDF</strong>, or <strong>View Online</strong> (HTML). Also: Copy-to-clipboard and Print.</span><span class="ar">من صفحة التقرير المحفوظ: <strong>CSV</strong>، <strong>Excel</strong>، <strong>PDF</strong>، أو <strong>عرض</strong>. أيضاً: نسخ وطباعة.</span></p>
|
||
<h3><span class="en">Report templates</span><span class="ar">قوالب التقارير</span></h3>
|
||
<p><span class="en">Predefined gallery: Complaints by Department/Journey/Trends/SLA, Inquiries by Dept/Response Time/Source, Surveys Satisfaction/Response Rate/Negative, and more.</span><span class="ar">معرض قوالب جاهزة للشكاوى والاستفسارات والاستبيانات.</span></p>
|
||
<h3><span class="en">KPI Reports</span><span class="ar">تقارير KPI</span></h3>
|
||
<p><span class="en">URL: <code>/analytics/kpi-reports/</code>. Separate from the builder — generates structured KPI reports with AI analysis, PDF export, and regeneration.</span><span class="ar">الرابط: <code>/analytics/kpi-reports/</code>. منفصل عن المنشئ — يولّد تقارير KPI منظمة.</span></p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 22: QI PROJECTS & PX ACTIONS ============ -->
|
||
<section id="sec22" class="guide-section">
|
||
<h2><span class="sec-num">22.</span> <span class="en">QI Projects & PX Actions</span><span class="ar">مشاريع الجودة والإجراءات</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin, Dept Manager</span><span class="ar">مدير PX، مدير المستشفى، مدير القسم</span></span></div>
|
||
<h3><span class="en">QI Projects</span><span class="ar">مشاريع الجودة</span></h3>
|
||
<p><span class="en">URL: <code>/projects/</code>. Quality Improvement initiatives using the <strong>PDCA</strong> (Plan-Do-Check-Act) cycle. Tasks organized into kanban-style phase columns.</span><span class="ar">الرابط: <code>/projects/</code>. مبادرات تحسين الجودة باستخدام دورة <strong>PDCA</strong>.</span></p>
|
||
<ul>
|
||
<li><span class="en"><strong>Create</strong> — name, description, hospital, departments, project lead*, team members, dates</span><span class="ar"><strong>إنشاء</strong> — الاسم، الوصف، المستشفى، الأقسام، القائد، الفريق</span></li>
|
||
<li><span class="en"><strong>Detail page</strong> — kanban board with PDCA (4) or FOCUS (5) columns; HTMX task add/toggle/delete</span><span class="ar"><strong>صفحة التفاصيل</strong> — لوحة كانبان مع مهام</span></li>
|
||
<li><span class="en"><strong>My Tasks</strong> — <code>/projects/my-tasks/</code> shows your assigned tasks across all projects</span><span class="ar"><strong>مهامي</strong> — مهامك في جميع المشاريع</span></li>
|
||
<li><span class="en"><strong>Save as Template</strong> — reuse project structure</span><span class="ar"><strong>حفظ كقالب</strong></span></li>
|
||
</ul>
|
||
<h3><span class="en">PX Actions</span><span class="ar">إجراءات PX</span></h3>
|
||
<p><span class="en">URL: <code>/actions/</code>. Tracked, SLA-bound improvement tasks. Auto-created from negative surveys, complaints, or low call-center ratings — or created manually.</span><span class="ar">الرابط: <code>/actions/</code>. مهام تحسين مرتبطة بـ SLA. تُنشأ تلقائياً أو يدوياً.</span></p>
|
||
<p><span class="en"><strong>Status:</strong> Open → In Progress → Pending Approval → Approved → Closed (or Cancelled).</span><span class="ar"><strong>الحالة:</strong> مفتوح ← قيد التنفيذ ← بانتظار الموافقة ← معتمد ← مغلق.</span></p>
|
||
<table class="fields">
|
||
<thead><tr><th><span class="en">Action</span><span class="ar">الإجراء</span></th><th><span class="en">What happens</span><span class="ar">ماذا يحدث</span></th></tr></thead>
|
||
<tbody>
|
||
<tr><td class="field-name"><span class="en">Create</span><span class="ar">إنشاء</span></td><td><span class="en">Title, description, category, priority, severity, assignee, due date</span><span class="ar">العنوان، الوصف، الفئة، الأولوية، المسؤول</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Upload Evidence</span><span class="ar">رفع دليل</span></td><td><span class="en">Required before requesting approval</span><span class="ar">مطلوب قبل طلب الموافقة</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Escalate</span><span class="ar">تصعيد</span></td><td><span class="en">Sends escalation; SLA-based auto-escalation also</span><span class="ar">يصعّد الإجراء</span></td></tr>
|
||
<tr><td class="field-name"><span class="en">Approve</span><span class="ar">اعتماد</span></td><td><span class="en">PX Admin only; moves to Approved</span><span class="ar">مدير PX فقط</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
<div class="callout callout-note"><strong><span class="en">SLA by severity:</span><span class="ar">SLA حسب الخطورة:</span></strong> <span class="en">Critical=24h, High=48h, Medium=72h, Low=120h. Auto-reminder 4h before due; auto-escalate 2h after overdue.</span><span class="ar">حرج=24س، عالي=48س، متوسط=72س، منخفض=120س.</span></div>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 23: RCA ============ -->
|
||
<section id="sec23" class="guide-section">
|
||
<h2><span class="sec-num">23.</span> <span class="en">Root Cause Analysis (RCA)</span><span class="ar">تحليل السبب الجذري</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">Admins, Management, Dept Managers, Champions, Directors</span><span class="ar">الإداريون، الإدارة، مديرو الأقسام</span></span></div>
|
||
<p><span class="en">URL: <code>/rca/</code>. Formally investigate a complaint, inquiry, observation, or feedback — identify root causes and track corrective actions.</span><span class="ar">الرابط: <code>/rca/</code>. تحقيق رسمي لتحديد الأسباب الجذرية وتتبع الإجراءات التصحيحية.</span></p>
|
||
<h3><span class="en">Status workflow</span><span class="ar">دورة الحالة</span></h3>
|
||
<p><span class="en"><strong>Draft → In Progress → Review → Approved → Closed</strong></span><span class="ar"><strong>مسودة ← قيد التنفيذ ← مراجعة ← معتمد ← مغلق</strong></span></p>
|
||
<h3><span class="en">Creating an RCA</span><span class="ar">إنشاء تحليل</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">From any complaint/inquiry/observation detail page, click <strong>"Initiate RCA"</strong></span><span class="ar">من صفحة التفاصيل، انقر <strong>"بدء تحليل"</strong></span></li>
|
||
<li><span class="en">Or go to <code>/rca/create/</code> and link manually via <code>?related_model=complaint&related_id=...</code></span><span class="ar">أو اذهب إلى <code>/rca/create/</code> واربط يدوياً</span></li>
|
||
</ol>
|
||
<h3><span class="en">Key components</span><span class="ar">المكونات الرئيسية</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Root Causes</strong> — description, category (Process/People/Equipment/Communication/Policy/Environment/Technology/Other), likelihood (1-5), impact (1-5); risk score = L × I</span><span class="ar"><strong>الأسباب الجذرية</strong> — الوصف، الفئة، الاحتمالية، التأثير</span></li>
|
||
<li><span class="en"><strong>Corrective Actions</strong> — description, type (Preventive/Corrective/Immediate/Long-term), responsible person, target date, status, effectiveness</span><span class="ar"><strong>الإجراءات التصحيحية</strong> — الوصف، النوع، المسؤول، التاريخ المستهدف</span></li>
|
||
<li><span class="en"><strong>Attachments</strong> — supporting evidence documents</span><span class="ar"><strong>المرفقات</strong></span></li>
|
||
<li><span class="en"><strong>Notes</strong> — internal notes</span><span class="ar"><strong>الملاحظات</strong></span></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 24: CALL CENTER ============ -->
|
||
<section id="sec24" class="guide-section">
|
||
<h2><span class="sec-num">24.</span> <span class="en">Call Center</span><span class="ar">مركز الاتصال</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">Staff with access</span><span class="ar">الموظفون المخولون</span></span></div>
|
||
<p><span class="en">URL: <code>/callcenter/interactions/</code>. Log call interactions with patients and capture satisfaction ratings (1–5). Ratings below 3 auto-flag as low and trigger a PX Action.</span><span class="ar">الرابط: <code>/callcenter/interactions/</code>. تسجيل تفاعلات الاتصال وتقييمات الرضا.</span></p>
|
||
<h3><span class="en">Call types</span><span class="ar">أنواع المكالمات</span></h3>
|
||
<p><span class="en">Inquiry, Complaint, Appointment, Follow-up, Feedback, Other.</span><span class="ar">استفسار، شكوى، موعد، متابعة، ملاحظة، أخرى.</span></p>
|
||
<h3><span class="en">CSV import</span><span class="ar">استيراد CSV</span></h3>
|
||
<p><span class="en">URL: <code>/callcenter/records/import/</code>. Upload call recording metadata (Media ID, Call Start/End, Department, Length, etc.). Download the template from <code>/callcenter/records/export-template/</code>.</span><span class="ar">الرابط: <code>/callcenter/records/import/</code>. ارفع بيانات التسجيلات. حمل القالب من <code>/callcenter/records/export-template/</code>.</span></p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 25: STANDARDS ============ -->
|
||
<section id="sec25" class="guide-section">
|
||
<h2><span class="sec-num">25.</span> <span class="en">Standards</span><span class="ar">المعايير</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin, PX Employee</span><span class="ar">مدير PX، مدير المستشفى، موظف PX</span></span></div>
|
||
<p><span class="en">URL: <code>/standards/</code>. Track accreditation compliance (CBAHI, JCI, MOH, CHI). Register standards, map them to departments, assess compliance, and attach evidence.</span><span class="ar">الرابط: <code>/standards/</code>. تتبع امتثال الاعتماد. سجّل المعايير، اربطها بالأقسام، قيّم الامتثال.</span></p>
|
||
<h3><span class="en">What you can do</span><span class="ar">ما يمكنك فعله</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>Dashboard</strong> — counts (Met, Partially Met, Not Met, Not Assessed) per hospital</span><span class="ar"><strong>لوحة التحكم</strong></span></li>
|
||
<li><span class="en"><strong>Browse by department</strong> — standards grouped by source → category, with compliance status</span><span class="ar"><strong>تصفح حسب القسم</strong></span></li>
|
||
<li><span class="en"><strong>Assess compliance</strong> — set status (Met / Partially Met / Not Met / N/A), add corrective action, attach evidence</span><span class="ar"><strong>تقييم الامتثال</strong></span></li>
|
||
<li><span class="en"><strong>Search</strong> — filter by code, title, source, category, status</span><span class="ar"><strong>بحث</strong></span></li>
|
||
<li><span class="en"><strong>Manage taxonomy</strong> — sources, categories, activity types (admin)</span><span class="ar"><strong>إدارة التصنيف</strong></span></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 26: REFERENCES ============ -->
|
||
<section id="sec26" class="guide-section">
|
||
<h2><span class="sec-num">26.</span> <span class="en">References</span><span class="ar">المراجع</span></h2>
|
||
<div class="role-badges"><span class="role-badge all"><span class="en">All staff (view); Admins & Dept Managers (upload)</span><span class="ar">الجميع (عرض)؛ الإداريون (رفع)</span></span></div>
|
||
<p><span class="en">URL: <code>/references/</code>. Bilingual document repository with hierarchical folders, role-based access, versioning, and full-text search.</span><span class="ar">الرابط: <code>/references/</code>. مستودع مستندات ثنائي اللغة بمجلدات هرمية وإصدارات وبحث.</span></p>
|
||
<ul>
|
||
<li><span class="en"><strong>Dashboard</strong> — root folders, recent documents, counts</span><span class="ar"><strong>لوحة التحكم</strong></span></li>
|
||
<li><span class="en"><strong>Folders</strong> — nested, with icon, color, access roles, order</span><span class="ar"><strong>المجلدات</strong></span></li>
|
||
<li><span class="en"><strong>Upload document</strong> — title (EN/AR), file (PDF/Word/Excel/images, max 100 MB), description, tags, access roles, "new version" checkbox</span><span class="ar"><strong>رفع مستند</strong></span></li>
|
||
<li><span class="en"><strong>Search</strong> — by text, folder, file type, tags</span><span class="ar"><strong>بحث</strong></span></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 27: ACKNOWLEDGEMENTS ============ -->
|
||
<section id="sec27" class="guide-section">
|
||
<h2><span class="sec-num">27.</span> <span class="en">Acknowledgements</span><span class="ar">الإقرارات</span></h2>
|
||
<div class="role-badges"><span class="role-badge all"><span class="en">All staff</span><span class="ar">جميع الموظفين</span></span></div>
|
||
<p><span class="en">URL: <code>/accounts/acknowledgements/my-acknowledgements/</code>. Sign policy and training documents digitally. A red badge on the sidebar shows pending items.</span><span class="ar">الرابط: <code>/accounts/acknowledgements/my-acknowledgements/</code>. وقّع المستندات رقمياً. شارة حمراء تظهر البنود المعلّقة.</span></p>
|
||
<h3><span class="en">How to sign</span><span class="ar">كيفية التوقيع</span></h3>
|
||
<ol class="steps">
|
||
<li><span class="en">Open the acknowledgement from your list</span><span class="ar">افتح الإقرار من قائمتك</span></li>
|
||
<li><span class="en">Review the attached PDF document</span><span class="ar">راجع ملف PDF المرفق</span></li>
|
||
<li><span class="en">Type your <strong>full name</strong> as signature</span><span class="ar">اكتب <strong>اسمك الكامل</strong> كتوقيع</span></li>
|
||
<li><span class="en">Type your <strong>Employee ID</strong></span><span class="ar">اكتب <strong>رقمك الوظيفي</strong></span></li>
|
||
<li><span class="en">Check the <strong>"I have read and understood..."</strong> confirmation box</span><span class="ar">أشّر على <strong>"لقد قرأت وفهمت..."</strong></span></li>
|
||
<li><span class="en">Submit — your signature, timestamp, and IP are recorded for audit</span><span class="ar">أرسل — يتم تسجيل توقيعك والوقت و IP</span></li>
|
||
</ol>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 28: PX SOURCES ============ -->
|
||
<section id="sec28" class="guide-section">
|
||
<h2><span class="sec-num">28.</span> <span class="en">PX Sources</span><span class="ar">مصادر PX</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin (manage); Source Users (data entry)</span><span class="ar">مدير PX (إدارة)؛ مستخدمو المصدر (إدخال)</span></span></div>
|
||
<p><span class="en">URL: <code>/px-sources/</code>. Manage feedback sources (government portals, partners). Source Users get a simplified dashboard to log complaints/inquiries/observations on behalf of external channels.</span><span class="ar">الرابط: <code>/px-sources/</code>. إدارة مصادر الملاحظات. يحصل مستخدمو المصدر على لوحة مبسطة.</span></p>
|
||
<h3><span class="en">Communication Requests</span><span class="ar">طلبات التواصل</span></h3>
|
||
<p><span class="en">When a Source User needs the PX team to contact a patient, they create a Communication Request (patient name, phone, MRN, reason, message). Staff resolve it (Pending → Contacted → Resolved → Closed) and can link it to a real Complaint/Inquiry/Observation.</span><span class="ar">عندما يحتاج مستخدم المصدر لتواصل فريق PX مع مريض، ينشئ طلب تواصل. يحله الموظفون ويربطونه بسجل فعلي.</span></p>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 29: PHYSICIANS ============ -->
|
||
<section id="sec29" class="guide-section">
|
||
<h2><span class="sec-num">29.</span> <span class="en">Physicians</span><span class="ar">الأطباء</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">All staff (view); Admins (import/fetch)</span><span class="ar">الجميع (عرض)؛ الإداريون (استيراد)</span></span></div>
|
||
<p><span class="en">URL: <code>/physicians/</code>. Track monthly physician rating performance from surveys and HIS/CSV imports.</span><span class="ar">الرابط: <code>/physicians/</code>. تتبع أداء تقييمات الأطباء الشهرية.</span></p>
|
||
<ul>
|
||
<li><span class="en"><strong>Directory</strong> — browse physicians by hospital/department/specialization</span><span class="ar"><strong>الدليل</strong></span></li>
|
||
<li><span class="en"><strong>Ratings Dashboard</strong> — stats, 6-month trend, distribution, department comparison, sentiment</span><span class="ar"><strong>لوحة التقييمات</strong></span></li>
|
||
<li><span class="en"><strong>Leaderboard</strong> — ranked by average rating for selected period</span><span class="ar"><strong>المتصدرون</strong></span></li>
|
||
<li><span class="en"><strong>Import Ratings (CSV)</strong> — upload Doctor Rating Report (auto-detects columns, skip header rows)</span><span class="ar"><strong>استيراد التقييمات</strong></span></li>
|
||
<li><span class="en"><strong>Fetch Ratings (HIS API)</strong> — async job fetches from HIS by date range</span><span class="ar"><strong>جلب التقييمات</strong></span></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 30: STAFF & DEPARTMENTS ============ -->
|
||
<section id="sec30" class="guide-section">
|
||
<h2><span class="sec-num">30.</span> <span class="en">Staff & Departments</span><span class="ar">الموظفون والأقسام</span></h2>
|
||
<div class="role-badges"><span class="role-badge all"><span class="en">All staff</span><span class="ar">جميع الموظفين</span></span></div>
|
||
<p><span class="en">URL: <code>/organizations/staff/</code> and <code>/organizations/departments/</code>. Browse staff and department directories.</span><span class="ar">الروابط: <code>/organizations/staff/</code> و <code>/organizations/departments/</code>.</span></p>
|
||
<ul>
|
||
<li><span class="en"><strong>Staff List</strong> — search, filter by hospital/department/role; shows each person's department, role, and activity</span><span class="ar"><strong>قائمة الموظفين</strong></span></li>
|
||
<li><span class="en"><strong>Staff Hierarchy</strong> — visual org chart (D3.js) showing reporting lines</span><span class="ar"><strong>هيكل الموظفين</strong></span></li>
|
||
<li><span class="en"><strong>Staff Activity Log</strong> (PX Admin only) — audit trail of all user actions</span><span class="ar"><strong>سجل النشاط</strong></span></li>
|
||
<li><span class="en"><strong>Department Detail</strong> — shows department info, staff, linked complaints/actions, champion assignments</span><span class="ar"><strong>تفاصيل القسم</strong></span></li>
|
||
<li><span class="en"><strong>Patients</strong> — <code>/organizations/patients/</code> patient directory</span><span class="ar"><strong>المرضى</strong></span></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- ============ SECTION 31: SETTINGS & DELETED ITEMS ============ -->
|
||
<section id="sec31" class="guide-section">
|
||
<h2><span class="sec-num">31.</span> <span class="en">Settings & Deleted Items</span><span class="ar">الإعدادات والعناصر المحذوفة</span></h2>
|
||
<div class="role-badges"><span class="role-badge admin"><span class="en">PX Admin, Hospital Admin</span><span class="ar">مدير PX، مدير المستشفى</span></span></div>
|
||
<p><span class="en">URL: <code>/config/</code>. System configuration console.</span><span class="ar">الرابط: <code>/config/</code>. وحدة تكوين النظام.</span></p>
|
||
<h3><span class="en">Settings</span><span class="ar">الإعدادات</span></h3>
|
||
<ul>
|
||
<li><span class="en"><strong>SLA Configurations</strong> — per-hospital/department SLA overrides for PX Actions (critical/high/medium/low hours, reminder, auto-escalation)</span><span class="ar"><strong>تكوين SLA</strong></span></li>
|
||
<li><span class="en"><strong>Routing Rules</strong> — auto-routing conditions (source_type, category, severity) → target (assign_to_role/user/department)</span><span class="ar"><strong>قواعد التوجيه</strong></span></li>
|
||
<li><span class="en"><strong>Hospital Users</strong> — create/edit/activate/deactivate users; reset password (sends link)</span><span class="ar"><strong>مستخدمو المستشفى</strong></span></li>
|
||
</ul>
|
||
<h3><span class="en">Deleted Items (Recycle Bin)</span><span class="ar">العناصر المحذوفة</span></h3>
|
||
<p><span class="en">URL: <code>/config/deleted/</code> (PX Admin only). Browse soft-deleted complaints, inquiries, observations, and appreciations. Restore as needed.</span><span class="ar">الرابط: <code>/config/deleted/</code>. تصفح العناصر المحذوفة مؤقتاً واستعدها.</span></p>
|
||
<h3><span class="en">Personal settings</span><span class="ar">الإعدادات الشخصية</span></h3>
|
||
<p><span class="en">URL: <code>/accounts/settings/</code>. 5 tabs: <strong>Profile</strong> (name, phone, language, bio, avatar), <strong>Notifications</strong> (email/SMS toggles, channels), <strong>Security</strong> (change password), <strong>Account</strong> (read-only info), <strong>Activity</strong> (login/action log).</span><span class="ar">الرابط: <code>/accounts/settings/</code>. 5 تبويبات: الملف الشخصي، الإشعارات، الأمان، الحساب، النشاط.</span></p>
|
||
</section>
|
||
|
||
</main>
|
||
</div>
|
||
|
||
<script>
|
||
// Language toggle
|
||
function toggleLang(){
|
||
var html = document.documentElement;
|
||
if(html.lang === 'en'){
|
||
html.lang = 'ar';
|
||
html.dir = 'rtl';
|
||
document.getElementById('langLabel').textContent = 'English';
|
||
} else {
|
||
html.lang = 'en';
|
||
html.dir = 'ltr';
|
||
document.getElementById('langLabel').textContent = 'العربية';
|
||
}
|
||
localStorage.setItem('guide_lang', html.lang);
|
||
}
|
||
|
||
// Restore language preference
|
||
(function(){
|
||
var saved = localStorage.getItem('guide_lang');
|
||
if(saved === 'ar'){
|
||
document.documentElement.lang = 'ar';
|
||
document.documentElement.dir = 'rtl';
|
||
var lbl = document.getElementById('langLabel');
|
||
if(lbl) lbl.textContent = 'English';
|
||
}
|
||
})();
|
||
|
||
// Search filter
|
||
function filterSections(){
|
||
var q = document.getElementById('searchInput').value.toLowerCase();
|
||
var sections = document.querySelectorAll('.guide-section');
|
||
sections.forEach(function(s){
|
||
if(!q){ s.style.display=''; return; }
|
||
var text = s.textContent.toLowerCase();
|
||
s.style.display = text.indexOf(q) > -1 ? '' : 'none';
|
||
});
|
||
}
|
||
|
||
// Scroll-spy: highlight current section in sidebar
|
||
(function(){
|
||
var links = document.querySelectorAll('#sidebar .toc-group a');
|
||
var sections = document.querySelectorAll('.guide-section');
|
||
window.addEventListener('scroll', function(){
|
||
var scrollY = window.scrollY + 100;
|
||
var current = '';
|
||
sections.forEach(function(s){
|
||
if(scrollY >= s.offsetTop) current = s.id;
|
||
});
|
||
links.forEach(function(l){
|
||
l.classList.toggle('active', l.getAttribute('href') === '#' + current);
|
||
});
|
||
});
|
||
})();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|