d_s_bisht/devsofttech_hms_ci4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
5dccbc8d12
devsofttech_hms_ci4/pdf_test_html.html
DevSoftTech Server 5dccbc8d12 Complete Surgery/Procedure autocomplete implementation and testing docs 
COMPLETED ALL TODO ITEMS:

✅ Task 1: Enhanced Surgery autocomplete with SNOMED/ICD codes
✅ Task 2: Enhanced Procedure autocomplete with SNOMED/ICD codes
✅ Task 3: Verified Master CRUD integration (modal already working)
✅ Task 4: Created comprehensive testing documentation

KEY FIXES:
- Removed conflicting bindSurgeryTermLookup() calls from initSurgeryTools()
- Old datalist code no longer interferes with new custom dropdown
- Both autocompletes work independently with separate dropdown containers

TESTING DOCUMENT INCLUDES:
- 10 detailed test scenarios with expected results
- Database verification queries
- Troubleshooting guide
- Edge case handling
- Performance checks
- User acceptance checklist
- Future enhancement suggestions

FILE: SURGERY_PROCEDURE_AUTOCOMPLETE_TESTING.md

Ready for QA testing and user acceptance.
2026-06-06 06:35:32 +05:30

4256 lines
233 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<style>
.discharge-page {
--dc-border: #e6edf5;
--dc-muted-bg: #f8f9fc;
}
.discharge-page-title {
font-size: 24px;
color: #2a5f97;
margin-bottom: 14px;
line-height: 1.35;
}
.discharge-page-title strong {
color: #2f7d32;
}
.discharge-main-card {
border: 1px solid var(--dc-border);
border-radius: 10px;
box-shadow: 0 2px 8px rgba(19, 44, 76, 0.06);
}
.discharge-main-card > .card-body {
padding: 1rem 1rem 1.15rem;
}
@media (min-width: 992px) {
.discharge-page {
display: flex;
flex-direction: column;
height: calc(100vh - 64px);
overflow: hidden;
}
.discharge-page-title {
flex: 0 0 auto;
margin-bottom: 10px;
padding-bottom: 2px;
background: #f0f2f7;
}
.discharge-main-card {
flex: 1 1 auto;
min-height: 0;
margin-bottom: 0;
}
.discharge-main-card > .card-body {
/* Let notices consume natural height; keep form row as flexible remainder */
height: 100%;
display: flex;
flex-direction: column;
max-height: none;
overflow: hidden;
}
.discharge-main-card > .card-body > .row {
flex: 1 1 auto;
min-height: 0;
}
.discharge-side-panel {
height: 100%;
margin-bottom: 0;
overflow: hidden;
}
.discharge-form-area {
height: 100%;
max-height: none;
overflow-y: auto;
overflow-x: hidden;
padding-right: 6px;
}
#discharge_section_nav {
top: 0;
max-height: none;
}
}
.discharge-side-panel {
border: 1px solid var(--dc-border);
background: var(--dc-muted-bg);
border-radius: 10px;
padding: 10px;
margin-bottom: 12px;
display: flex;
flex-direction: column;
gap: 10px;
min-height: 0;
}
.discharge-side-actions {
border-top: 1px solid #d8e2ef;
margin-top: 0;
margin-bottom: 2px;
padding-top: 12px;
display: grid;
gap: 6px;
flex: 0 0 auto;
position: relative;
z-index: 2;
}
.discharge-side-actions .btn {
width: 100%;
}
#discharge_section_nav {
position: static;
top: auto;
max-height: none;
overflow-y: auto;
padding-right: 4px;
margin-bottom: 0;
flex: 1 1 auto;
min-height: 0;
padding-bottom: 6px;
}
.discharge-nav-link {
border-radius: 8px;
margin-bottom: 6px;
font-size: 14px;
line-height: 1.35;
color: #0d6efd;
border: 1px solid transparent;
transition: all 0.15s ease-in-out;
}
.discharge-nav-link:hover {
background: #eff5ff;
border-color: #d2e4ff;
color: #0b57d0;
}
.discharge-nav-link.active {
background: #0d6efd;
color: #fff;
border-color: #0d6efd;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}
.discharge-form-area .card {
border-radius: 8px;
margin-top: 0.9rem;
border-color: var(--dc-border);
}
.discharge-form-area form > .card:first-child {
margin-top: 0;
}
.discharge-form-area .card-header {
font-size: 14px;
background: var(--dc-muted-bg);
}
.discharge-form-area .card-body {
padding: 0.95rem;
}
.discharge-page .btn {
border-radius: 0.45rem;
font-weight: 500;
letter-spacing: 0.01em;
}
.discharge-page .btn-sm {
padding: 0.34rem 0.68rem;
font-size: 0.79rem;
line-height: 1.25;
}
.discharge-page .btn-outline-primary {
color: #4154f1;
border-color: #c7d2fe;
background: #f8f9ff;
}
.discharge-page .btn-outline-primary:hover,
.discharge-page .btn-outline-primary:focus {
color: #fff;
background: #4154f1;
border-color: #4154f1;
}
.discharge-page .btn-outline-success {
color: #198754;
border-color: #bfe5d3;
background: #f6fcf9;
}
.discharge-page .btn-outline-success:hover,
.discharge-page .btn-outline-success:focus {
color: #fff;
background: #198754;
border-color: #198754;
}
.discharge-page .btn-outline-info {
color: #0dcaf0;
border-color: #bdeaf4;
background: #f5fdff;
}
.discharge-page .btn-outline-info:hover,
.discharge-page .btn-outline-info:focus {
color: #fff;
background: #0aa2c0;
border-color: #0aa2c0;
}
.discharge-page .btn-outline-warning {
color: #b45309;
border-color: #f4d6a6;
background: #fffaf1;
}
.discharge-page .btn-outline-warning:hover,
.discharge-page .btn-outline-warning:focus {
color: #fff;
background: #d97706;
border-color: #d97706;
}
.discharge-page .btn-outline-danger {
color: #dc3545;
border-color: #f2c4c9;
background: #fff8f8;
}
.discharge-page .btn-outline-danger:hover,
.discharge-page .btn-outline-danger:focus {
color: #fff;
background: #dc3545;
border-color: #dc3545;
}
.discharge-form-area .form-label {
font-size: 13px;
margin-bottom: 4px;
}
.discharge-form-area table th,
.discharge-form-area table td {
vertical-align: middle;
font-size: 13px;
}
.discharge-page .table {
border-color: #e6edf5;
margin-bottom: 0.5rem;
}
.discharge-page .table > :not(caption) > * > * {
padding: 0.48rem 0.52rem;
}
.discharge-page .table thead th {
background: #f5f7fb;
color: #012970;
font-weight: 600;
border-bottom-width: 1px;
border-color: #e1e8f2;
white-space: nowrap;
}
.discharge-page .table tbody tr:hover {
background: #fbfcff;
}
.discharge-page .table tbody td {
border-color: #edf2f8;
}
.discharge-page .table-responsive {
margin-top: 0.35rem;
}
.rx-chip-wrap {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.rx-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 8px;
border: 1px solid #c9ddff;
border-radius: 14px;
background: #f3f8ff;
font-size: 12px;
}
.rx-chip button {
border: none;
background: transparent;
color: #b02a37;
line-height: 1;
padding: 0;
font-size: 14px;
cursor: pointer;
}
.complaint-status {
font-size: 12px;
margin-top: 6px;
min-height: 18px;
}
.rx-quick-btn {
border: 1px solid #b8c5d6;
background: #fff;
color: #486485;
border-radius: 0.35rem;
padding: 0.2rem 0.6rem;
font-size: 0.88rem;
margin-right: 0.35rem;
margin-bottom: 0.35rem;
}
@media (max-width: 991.98px) {
.discharge-page {
height: auto;
overflow: visible;
}
.discharge-main-card > .card-body {
max-height: none;
overflow: visible;
}
.discharge-form-area {
max-height: none;
overflow: visible;
padding-right: 0;
}
#discharge_section_nav {
position: static;
max-height: none;
overflow: visible;
padding-right: 0;
}
.discharge-side-panel {
margin-bottom: 10px;
}
.discharge-form-area {
margin-top: 0.75rem;
}
.discharge-nav-link {
font-size: 13px;
padding: 8px 10px;
}
}
</style>
<section class="content discharge-page">
<div class="discharge-page-title">
Name : <strong>KAMLA SINGH</strong>
/ Gender : <strong>Female</strong>
/ Age : <strong>26 Year </strong>
/ UHID / Patient Code : <strong>P26051000001</strong>
/ IPD ID : <strong>A26050000001</strong>
</div>
<div class="mb-3 text-end">
<button type="button" class="btn btn-primary" id="btn_preview_top" onclick="openDischargePreview('http://localhost:8080/Ipd_discharge/preview_discharge_report/1?regen=1', 'Discharge Preview');">
<i class="fas fa-eye me-1"></i> Preview Discharge Summary
</button>
</div>
<div class="card discharge-main-card">
<div class="card-body">
<div class="row">
<div class="col-md-3">
<div class="discharge-side-panel">
<ul class="nav flex-column nav-pills" id="discharge_section_nav" role="tablist" aria-orientation="vertical">
<li class="nav-item"><a href="#section-complaints" class="nav-link discharge-nav-link active" data-target="section-complaints">Presenting Complaints with Duration and Reason for Admission</a></li>
<li class="nav-item"><a href="#section-physical" class="nav-link discharge-nav-link" data-target="section-physical">Physical Examinations</a></li>
<li class="nav-item"><a href="#section-investigation" class="nav-link discharge-nav-link" data-target="section-investigation">Clinical Investigation Reports</a></li>
<li class="nav-item"><a href="#section-admission" class="nav-link discharge-nav-link" data-target="section-admission">Admission / Discharge Information</a></li>
<li class="nav-item"><a href="#section-surgery" class="nav-link discharge-nav-link" data-target="section-surgery">Surgery / Procedure / delivery if any</a></li>
<li class="nav-item"><a href="#section-diagnosis" class="nav-link discharge-nav-link" data-target="section-diagnosis">Final Diagnosis</a></li>
<li class="nav-item"><a href="#section-summary-invest" class="nav-link discharge-nav-link" data-target="section-summary-invest">Summary of key investigation during Hospitalization</a></li>
<li class="nav-item"><a href="#section-course" class="nav-link discharge-nav-link" data-target="section-course">Course / Treatment in the hospital</a></li>
<li class="nav-item"><a href="#section-condition" class="nav-link discharge-nav-link" data-target="section-condition">Condition at the time of Discharge</a></li>
<li class="nav-item"><a href="#section-medicine" class="nav-link discharge-nav-link" data-target="section-medicine">Discharge Medicine Prescribed</a></li>
<li class="nav-item"><a href="#section-instructions" class="nav-link discharge-nav-link" data-target="section-instructions">Discharge Instructions/Advise</a></li>
</ul>
<div class="discharge-side-actions">
<button type="button" class="btn btn-primary btn-sm" id="btn_preview_side" onclick="openDischargePreview('http://localhost:8080/Ipd_discharge/preview_discharge_report/1?regen=1', 'Discharge Preview');">Preview</button>
</div>
</div>
</div>
<div class="col-md-9 discharge-form-area">
<form id="discharge_main_form" method="post" action="http://localhost:8080/Ipd_discharge/ipd_select/1" class="row g-3">
<input type="hidden" name="csrf_test_name" value="d592cadd744a0ee9c27e1bea9ad13abf">
<div class="card border-primary" id="section-personal-history">
<div class="card-header py-2"><strong>Personal History</strong></div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_smoking" name="is_smoking" value="1" >
<label class="form-check-label" for="is_smoking">Smoking</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_alcohol" name="is_alcohol" value="1" >
<label class="form-check-label" for="is_alcohol">Alcohol</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_tobacoo" name="is_tobacoo" value="1" >
<label class="form-check-label" for="is_tobacoo">Tobacco</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_drug_abuse" name="is_drug_abuse" value="1" >
<label class="form-check-label" for="is_drug_abuse">Drug abuse</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_hypertesion" name="is_hypertesion" value="1" >
<label class="form-check-label" for="is_hypertesion">Hypertension</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_niddm" name="is_niddm" value="1" >
<label class="form-check-label" for="is_niddm">Type 2 diabetes mellitus (DM)</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_hbsag" name="is_hbsag" value="1" >
<label class="form-check-label" for="is_hbsag">HBsAg</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_hcv" name="is_hcv" value="1" >
<label class="form-check-label" for="is_hcv">HCV</label>
</div>
</div>
<div class="col-md-6">
<div class="form-check mb-1">
<input class="form-check-input" type="checkbox" id="is_hiv_I_II" name="is_hiv_I_II" value="1" >
<label class="form-check-label" for="is_hiv_I_II">HIV I &amp; II</label>
</div>
</div>
</div>
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-personal-history">Save Personal History</button>
</div>
</div>
</div>
<div class="card border-info mt-3" id="section-nursing-history">
<div class="card-header py-2 d-flex justify-content-between align-items-center">
<strong>From Nursing History &amp; Physical Assessment</strong>
<span class="badge bg-secondary">No Nursing H&amp;P prefill found</span>
</div>
<div class="card-body">
<div class="row g-2">
<div class="col-md-12">
<label class="form-label mb-1 d-flex justify-content-between align-items-center">
<span>History &amp; Physical Note (HPI)</span>
<button type="button" class="btn btn-outline-primary btn-sm" id="btn_copy_hpi_to_complaints">Copy H&amp;P Note to Other Complaints</button>
</label>
<textarea class="form-control form-control-sm" name="hpi_note" rows="2" placeholder="Nursing H&P summary"></textarea>
</div>
<div class="col-md-3">
<label class="form-label mb-1">Women Related LMP</label>
<input type="text" class="form-control form-control-sm" name="women_lmp" value="">
</div>
<div class="col-md-3">
<label class="form-label mb-1">Last Baby</label>
<input type="text" class="form-control form-control-sm" name="women_last_baby" value="">
</div>
<div class="col-md-3">
<label class="form-label mb-1">Pregnancy Related</label>
<input type="text" class="form-control form-control-sm" name="women_pregnancy_related" value="">
</div>
<div class="col-md-3">
<label class="form-label mb-1">Women Related Problems</label>
<input type="text" class="form-control form-control-sm" name="women_related_problems" value="">
</div>
</div>
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-nursing-history">Save Nursing H&amp;P Section</button>
</div>
</div>
</div>
<div class="card border-primary mt-3" id="section-complaints">
<div class="card-header py-2"><strong>Complaints with Duration and Reason for Admission</strong></div>
<div class="card-body">
<input type="hidden" name="complaint_remove_id" id="complaint_remove_id" value="0">
<!-- Healthplix-style inline complaint table (OPD-like) -->
<table class="table table-sm table-bordered align-middle mb-1" id="discharge_complaint_table" style="font-size:.82rem">
<thead class="table-light" style="font-size:.75rem">
<tr>
<th style="width:28px">#</th>
<th>Complaint</th>
<th style="width:110px">Frequency</th>
<th style="width:100px">Severity</th>
<th style="width:120px">Duration</th>
<th style="width:24px"></th>
</tr>
</thead>
<tbody id="discharge_complaint_tbody">
<!-- Rows will be dynamically populated by JavaScript -->
</tbody>
<tfoot>
<tr>
<td></td>
<td colspan="4" class="p-1 position-relative">
<input type="text" class="form-control form-control-sm" id="discharge_complaint_lookup"
autocomplete="off" placeholder="Type: bukhar, khansi, pet dard, chakkar… (English + Hinglish)" style="font-size:.82rem">
<div id="discharge_complaint_dropdown" class="border rounded bg-white shadow-sm"
style="display:none;position:absolute;left:0;right:0;top:100%;z-index:1060;max-height:260px;overflow-y:auto;"></div>
</td>
<td class="text-center">
<button type="button" class="btn btn-sm btn-outline-primary p-0" id="btn_discharge_add_complaint" title="Add Complaint" style="width:24px;height:24px;line-height:1">+</button>
</td>
</tr>
</tfoot>
</table>
<!-- Hidden fields to store data for form submission -->
<input type="hidden" name="discharge_complaints_json" id="discharge_complaints_json" value="">
<!-- Fixed dropdowns for table cell inputs -->
<div id="discharge_freq_dd" style="display:none;position:fixed;z-index:1090;min-width:160px;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 4px 12px rgba(0,0,0,.12);max-height:180px;overflow-y:auto;"></div>
<div id="discharge_sev_dd" style="display:none;position:fixed;z-index:1090;min-width:140px;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 4px 12px rgba(0,0,0,.12);max-height:180px;overflow-y:auto;"></div>
<div id="discharge_dur_dd" style="display:none;position:fixed;z-index:1090;min-width:160px;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 4px 12px rgba(0,0,0,.12);max-height:180px;overflow-y:auto;"></div>
<div id="discharge_complaint_status" class="small text-muted mb-2"></div>
<div class="d-flex flex-wrap gap-1 mb-3">
<button type="button" class="btn btn-outline-success btn-sm" id="btn_discharge_ai_draft">✨ AI Draft from Complaints</button>
<button type="button" class="btn btn-outline-primary btn-sm" id="btn_discharge_hinglish_to_english">🔤 Hinglish → English</button>
</div>
<div class="mt-3">
<h6 class="mb-2">Pain Measurement Scale</h6>
<input type="hidden" name="pain_value" id="pain_value" value="">
<div class="btn-group flex-wrap" role="group" aria-label="Pain Measurement Scale">
<input type="radio" class="btn-check pain-option" name="options-pain" id="pain_0" value="0" ><label class="btn btn-sm btn-outline-success" for="pain_0">No Pain</label>
<input type="radio" class="btn-check pain-option" name="options-pain" id="pain_1" value="1" ><label class="btn btn-sm btn-outline-primary" for="pain_1">Mild Pain</label>
<input type="radio" class="btn-check pain-option" name="options-pain" id="pain_2" value="2" ><label class="btn btn-sm btn-outline-info" for="pain_2">Moderate</label>
<input type="radio" class="btn-check pain-option" name="options-pain" id="pain_3" value="3" ><label class="btn btn-sm btn-outline-warning" for="pain_3">Intense</label>
<input type="radio" class="btn-check pain-option" name="options-pain" id="pain_4" value="4" ><label class="btn btn-sm btn-outline-danger" for="pain_4">Worst Pain Possible</label>
</div>
</div>
<div class="row g-2 mt-2">
<div class="col-md-12">
<div class="border rounded p-2">
<h6 class="mb-2">Drug Allergy / ADR (NABH)</h6>
<div class="row g-2">
<div class="col-md-4">
<label class="form-label mb-1">Drug Allergy Status</label>
<select class="form-select form-select-sm" id="drug_allergy_status" name="drug_allergy_status">
<option value="Allergies Not Known" selected>Allergies Not Known</option>
<option value="Known" >Known</option>
<option value="No Known Drug Allergy" >No Known Drug Allergy</option>
</select>
<div id="drug_allergy_status_error" class="invalid-feedback d-block" style="display:none;"></div>
</div>
<div class="col-md-8">
<label class="form-label mb-1">Drug Allergy Details <span class="small text-muted">(when status = Known)</span></label>
<input type="text" class="form-control form-control-sm" id="drug_allergy_details" name="drug_allergy_details" value="" placeholder="e.g. Penicillin rash, NSAID gastritis">
<div id="drug_allergy_details_error" class="invalid-feedback d-block" style="display:none;"></div>
</div>
<div class="col-md-6">
<label class="form-label mb-1">ADR History</label>
<input type="text" class="form-control form-control-sm" name="adr_history" value="" placeholder="Previous adverse drug reaction details">
</div>
<div class="col-md-6">
<label class="form-label mb-1">Current Medications</label>
<input type="text" class="form-control form-control-sm" name="current_medications" value="" placeholder="Current/ongoing medicines">
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="border rounded p-2">
<h6 class="mb-2">Co-Morbidities</h6>
<div class="d-flex flex-wrap gap-2 small">
<label class="me-2">
<input type="checkbox" class="co-morbidity-item" value="Diabetes mellitus (DM)" >
Diabetes mellitus (DM) </label>
<label class="me-2">
<input type="checkbox" class="co-morbidity-item" value="high blood pressure (HTn)" >
high blood pressure (HTn) </label>
<label class="me-2">
<input type="checkbox" class="co-morbidity-item" value="Coronary artery disease (CAD)" >
Coronary artery disease (CAD) </label>
<label class="me-2">
<input type="checkbox" class="co-morbidity-item" value="Chronic Obstructive Pulmonary Disease" >
Chronic Obstructive Pulmonary Disease </label>
<label class="me-2">
<input type="checkbox" class="co-morbidity-item" value="cerebral vascular accident (CVA)" >
cerebral vascular accident (CVA) </label>
</div>
<div class="mt-2">
<label class="form-label small mb-1">Other Co-Morbidities</label>
<input type="text" class="form-control form-control-sm" id="co_morbidities_other" value="" placeholder="Add other co-morbidities if any">
</div>
<input type="hidden" name="co_morbidities" id="co_morbidities" value="">
</div>
</div>
</div>
<div class="mt-3">
<label class="form-label">Other Complaints / Detailed History</label>
<textarea id="complaint_remark_editor" class="form-control" name="complaint_remark" rows="6"></textarea>
</div>
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-complaints">Save Complaints Section</button>
</div>
</div>
</div>
<div class="card border-primary mt-3" id="section-physical">
<div class="card-header py-2"><strong>Examination on Admission</strong></div>
<div class="card-body">
<h6 class="mb-2">General Examination</h6>
<div class="row g-2">
<div class="col-md-3">
<label class="form-label small">Pulse /min</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_1" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Respiration /min</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_2" value="">
</div>
<div class="col-md-3">
<label class="form-label small">BP mmHg</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_3" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Height cm</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_4" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Weight kg</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_5" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Pallor</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_6" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Jaundice/Icterus</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_7" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Cyanosis</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_8" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Clubbing</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_9" value="">
</div>
<div class="col-md-3">
<label class="form-label small">SPO2</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_10" value="">
</div>
<div class="col-md-3">
<label class="form-label small">RBS</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_11" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Temp F</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_12" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Edema</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_13" value="">
</div>
<div class="col-md-3">
<label class="form-label small">JVP</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_14" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Sensorium</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_15" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Oedema</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_16" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Lymphadenopathy</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_19" value="">
</div>
<div class="col-md-3">
<label class="form-label small">HC inch</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_25" value="">
</div>
</div>
<hr>
<div class="row g-2">
<div class="col-md-3">
<label class="form-label small">CNS</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_17" value="">
</div>
<div class="col-md-3">
<label class="form-label small">CVS</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_18" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Pupils</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_20" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Chest</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_21" value="">
</div>
<div class="col-md-3">
<label class="form-label small">GCS</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_22" value="">
</div>
<div class="col-md-3">
<label class="form-label small">P/A</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_23" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Neurological Deficit</label>
<input type="text" class="form-control form-control-sm" name="gen_exam_24" value="">
</div>
</div>
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-physical">Save General Examination</button>
</div>
</div>
</div>
<div class="card border-info mt-3" id="section-systemic">
<div class="card-header py-2"><strong>Other / Systemic Examinations</strong></div>
<div class="card-body">
<label class="form-label"><strong>Other / Systemic Examinations (Single Editor)</strong></label>
<textarea class="form-control" id="systemic_exam_editor" name="systemic_exam_text" rows="8"></textarea>
<div id="systemic_save_status" class="complaint-status text-muted mt-2"></div>
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-systemic" data-save-mode="json" data-status-id="systemic_save_status">Save Systemic Examination</button>
</div>
</div>
</div>
<div class="card border-info mt-3" id="section-investigation">
<div class="card-header py-2"><strong>Clinical Investigation Reports</strong></div>
<div class="card-body">
<div class="card border-info mb-3">
<div class="card-header py-2 d-flex justify-content-between align-items-center">
<strong>Clinical Investigation (In-Hospital Lab)</strong>
<span class="text-muted small">Blood Hb, Blood Sugar, Renal Function, Serum Bilirubin, Urine Test</span>
</div>
<div class="card-body py-2">
<div class="form-check mb-1">
<input
class="form-check-input clinical-lab-check"
type="checkbox"
name="lab_investigation_dates[]"
value="2026-05-31"
checked>
<label class="form-check-label small">
[31-05-2026]
Eosinophils,Hemoglobin,Lymphocytes,Mean Corpuscular Hemoglobin,Mean Corpuscular Hemoglobin Concentration,Mean Corpuscular Volume,Monocytes,Neutrophils,Packed Cell Volume,Platelet Count,Red Blood Cells,Total Leukocyte Count </label>
</div>
</div>
</div>
<div class="card border-info mb-3">
<div class="card-header py-2 d-flex justify-content-between align-items-center">
<strong>Clinical Investigation (X-Ray / ECG / Sonography / CT / MRI)</strong>
<span class="text-muted small">Select finalized impression-based reports during this admission</span>
</div>
<div class="card-body py-2">
<div class="text-muted small">No non-pathology impression reports found between admission and discharge dates.</div>
</div>
</div>
<div class="row g-2">
<div class="col-md-3">
<label class="form-label small">Hb %</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_1" value="">
</div>
<div class="col-md-3">
<label class="form-label small">TLC</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_2" value="">
</div>
<div class="col-md-3">
<label class="form-label small">DLC</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_3" value="">
</div>
<div class="col-md-3">
<label class="form-label small">ESR</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_4" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Mx Test</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_5" value="">
</div>
<div class="col-md-3">
<label class="form-label small">RBS</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_6" value="">
</div>
<div class="col-md-3">
<label class="form-label small">HbA1C</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_7" value="">
</div>
<div class="col-md-3">
<label class="form-label small">B.group &amp; RH factor</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_8" value="">
</div>
<div class="col-md-3">
<label class="form-label small">BT</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_9" value="">
</div>
<div class="col-md-3">
<label class="form-label small">CT</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_10" value="">
</div>
<div class="col-md-3">
<label class="form-label small">PT</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_11" value="">
</div>
<div class="col-md-3">
<label class="form-label small">LFT</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_12" value="">
</div>
<div class="col-md-3">
<label class="form-label small">KFT</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_13" value="">
</div>
<div class="col-md-3">
<label class="form-label small">S.Electrolytes</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_14" value="">
</div>
<div class="col-md-3">
<label class="form-label small">S.Amylase</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_15" value="">
</div>
<div class="col-md-3">
<label class="form-label small">S.Lipase</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_16" value="">
</div>
<div class="col-md-3">
<label class="form-label small">HBsAG</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_17" value="">
</div>
<div class="col-md-3">
<label class="form-label small">HCV</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_18" value="">
</div>
<div class="col-md-3">
<label class="form-label small">HIV I &amp; II</label>
<input type="text" class="form-control form-control-sm" name="manual_exam_19" value="">
</div>
</div>
<hr>
<div class="row g-2">
<div class="col-md-12">
<label class="form-label small">X-ray</label>
<input type="text" class="form-control form-control-sm" name="special_exam_1" value="">
</div>
<div class="col-md-12">
<label class="form-label small">E C G</label>
<input type="text" class="form-control form-control-sm" name="special_exam_2" value="">
</div>
<div class="col-md-12">
<label class="form-label small">Sonography : USG</label>
<input type="text" class="form-control form-control-sm" name="special_exam_3" value="">
</div>
<div class="col-md-12">
<label class="form-label small">C T Scan</label>
<input type="text" class="form-control form-control-sm" name="special_exam_4" value="">
</div>
<div class="col-md-12">
<label class="form-label small">M R I</label>
<input type="text" class="form-control form-control-sm" name="special_exam_5" value="">
</div>
<div class="col-md-12">
<label class="form-label small">Urine (R/M)</label>
<input type="text" class="form-control form-control-sm" name="special_exam_9" value="">
</div>
<div class="col-md-12">
<label class="form-label small">Other Investigations</label>
<input type="text" class="form-control form-control-sm" name="special_exam_10" value="">
</div>
</div>
<div class="mt-3">
<label class="form-label">Other Examinations / Provisional Diagnosis</label>
<textarea class="form-control" name="other_exam_text" rows="4"></textarea>
</div>
<input type="hidden" name="lab_investigation_list" id="lab_investigation_list" value="2026-05-31">
<input type="hidden" name="non_path_investigation_list" id="non_path_investigation_list" value="">
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-investigation">Save Clinical Investigation</button>
</div>
</div>
</div>
<div class="card border-secondary mt-3" id="section-admission">
<div class="card-header py-2"><strong>Admission / Discharge Information</strong></div>
<div class="card-body row g-2">
<div class="col-md-3">
<label class="form-label">Department</label>
<select name="dept_id" class="form-select">
<option value="0">Select</option>
<option value="0" >
</option>
<option value="19" >
Anesthesiology </option>
<option value="2" selected>
Cardiology </option>
<option value="12" >
Dermatology </option>
<option value="1" >
Emergency Department (ED) </option>
<option value="17" >
Endocrinology </option>
<option value="23" >
ENT (Otorhinolaryngology) </option>
<option value="13" >
Gastroenterology </option>
<option value="27" >
General Medicine </option>
<option value="10" >
General Surgery </option>
<option value="24" >
Hematology </option>
<option value="21" >
Infectious Diseases </option>
<option value="20" >
Intensive Care Unit (ICU) </option>
<option value="14" >
Nephrology </option>
<option value="3" >
Neurology </option>
<option value="5" >
Obstetrics and Gynecology </option>
<option value="6" >
Oncology </option>
<option value="22" >
Ophthalmology </option>
<option value="7" >
Orthopedics </option>
<option value="9" >
Pathology </option>
<option value="4" >
Pediatrics </option>
<option value="25" >
Physical Medicine and Rehab </option>
<option value="16" >
Psychiatry </option>
<option value="15" >
Pulmonology </option>
<option value="8" >
Radiology </option>
<option value="18" >
Rheumatology </option>
<option value="11" >
Urology </option>
</select>
</div>
<div class="col-md-3">
<label class="form-label">Patient Status</label>
<select name="discarge_patient_status" class="form-select">
<option value="0">Select</option>
<option value="0" >
Status Pending </option>
<option value="1" selected>
Improved/ Recovered </option>
<option value="2" >
LAMA </option>
<option value="3" >
Referred </option>
<option value="4" >
Satisfactory </option>
<option value="5" >
Expired </option>
<option value="6" >
Admission Cancelled </option>
<option value="7" >
Discharge on Request </option>
</select>
</div>
<div class="col-md-3">
<label class="form-label">Discharge Date</label>
<input type="date" class="form-control" name="discharge_date" value="2026-06-05">
</div>
<div class="col-md-3">
<label class="form-label">Discharge Time</label>
<input type="time" class="form-control" name="discharge_time" value="05:30">
</div>
<div class="col-md-12 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-admission">Save Admission/Discharge</button>
</div>
</div>
</div>
<div class="card border-secondary mt-3" id="section-surgery">
<div class="card-header py-2 d-flex justify-content-between align-items-center">
<strong>Surgery / Procedure / delivery if any</strong>
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_discharge_manage_surgery_master">Master CRUD</button>
</div>
<div class="card-body">
<h6>Surgery</h6>
<table class="table table-sm table-bordered">
<thead><tr><th>Name</th><th>Date</th><th>Remark</th><th style="width:90px;">Action</th></tr></thead>
<tbody>
<tr>
<td>LML</td>
<td>2026-06-04</td>
<td></td>
<td><button type="submit" class="btn btn-outline-danger btn-sm" name="action" value="remove_surgery" onclick="document.getElementById('surgery_remove_id').value='1226';">Remove</button></td>
</tr>
</tbody>
</table>
<input type="hidden" name="surgery_remove_id" id="surgery_remove_id" value="0">
<input type="hidden" name="new_surgery_master_id" id="new_surgery_master_id" value="0">
<div class="row g-2 mb-3">
<div class="col-md-5"><input type="text" class="form-control" name="new_surgery_name" id="new_surgery_name" list="discharge_surgery_suggest" autocomplete="off" placeholder="Surgery name"></div>
<div class="col-md-3"><input type="date" class="form-control" name="new_surgery_date"></div>
<div class="col-md-3"><input type="text" class="form-control" name="new_surgery_remark" placeholder="Remark"></div>
<div class="col-md-1"><button type="submit" class="btn btn-primary btn-sm" name="action" value="add_surgery">+ADD</button></div>
</div>
<datalist id="discharge_surgery_suggest"></datalist>
<h6>Procedure</h6>
<table class="table table-sm table-bordered">
<thead><tr><th>Name</th><th>Date</th><th>Remark</th><th style="width:90px;">Action</th></tr></thead>
<tbody>
<tr>
<td>Procedure TEST</td>
<td>2026-06-03</td>
<td></td>
<td><button type="submit" class="btn btn-outline-danger btn-sm" name="action" value="remove_procedure" onclick="document.getElementById('procedure_remove_id').value='2041';">Remove</button></td>
</tr>
</tbody>
</table>
<input type="hidden" name="procedure_remove_id" id="procedure_remove_id" value="0">
<input type="hidden" name="new_procedure_master_id" id="new_procedure_master_id" value="0">
<div class="row g-2">
<div class="col-md-5"><input type="text" class="form-control" name="new_procedure_name" id="new_procedure_name" list="discharge_procedure_suggest" autocomplete="off" placeholder="Procedure name"></div>
<div class="col-md-3"><input type="date" class="form-control" name="new_procedure_date"></div>
<div class="col-md-3"><input type="text" class="form-control" name="new_procedure_remark" placeholder="Remark"></div>
<div class="col-md-1"><button type="submit" class="btn btn-primary btn-sm" name="action" value="add_procedure">+ADD</button></div>
</div>
<datalist id="discharge_procedure_suggest"></datalist>
<div id="discharge_surgery_status" class="complaint-status text-muted"></div>
</div>
</div>
<div class="card border-secondary mt-3" id="section-diagnosis">
<div class="card-header py-2 d-flex justify-content-between align-items-center">
<strong>Final Diagnosis</strong>
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_discharge_seed_icd">Load ICD Starter</button>
</div>
<div class="card-body">
<table class="table table-sm table-bordered">
<thead><tr><th>Diagnosis</th><th>Remark</th><th style="width:90px;">Action</th></tr></thead>
<tbody>
<tr><td colspan="3" class="text-muted text-center">No diagnosis rows.</td></tr>
</tbody>
</table>
<input type="hidden" name="diagnosis_remove_id" id="diagnosis_remove_id" value="0">
<div class="row g-2">
<div class="col-md-6"><input type="text" class="form-control" name="new_diagnosis_name" id="new_diagnosis_name" list="discharge_diagnosis_suggest" autocomplete="off" placeholder="Diagnosis"></div>
<div class="col-md-5"><input type="text" class="form-control" name="new_diagnosis_remark" placeholder="Remark"></div>
<div class="col-md-1"><button type="submit" class="btn btn-primary btn-sm" name="action" value="add_diagnosis">+ADD</button></div>
</div>
<datalist id="discharge_diagnosis_suggest"></datalist>
<small class="text-muted">Tip: if ICD match exists, selected value appends code in diagnosis text.</small>
<div id="discharge_diagnosis_status" class="complaint-status text-muted"></div>
<div class="mt-3">
<label class="form-label">Final Diagnosis (Narrative)
<button type="button" class="btn btn-outline-primary btn-sm" id="btn_discharge_ai_diagnosis">AI Assist</button>
<button type="button" class="btn btn-outline-primary btn-sm" id="btn_discharge_hinglish_diagnosis">Hinglish -> English</button>
<button type="button" class="btn btn-outline-secondary btn-sm btn-discharge-field-past" data-section="diagnosis_remark" data-target="diagnosis_remark">Past Data</button>
<button type="button" class="btn btn-outline-secondary btn-sm btn-discharge-template-load" data-section="diagnosis_remark" data-target="diagnosis_remark">Load Template</button>
<button type="button" class="btn btn-outline-secondary btn-sm btn-discharge-template-save" data-section="diagnosis_remark" data-target="diagnosis_remark">Save as Template</button>
</label>
<textarea class="form-control" name="diagnosis_remark" id="diagnosis_remark" rows="3">test 2</textarea>
</div>
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-diagnosis">Save Final Diagnosis</button>
</div>
</div>
</div>
<div class="card border-secondary mt-3" id="section-summary-invest">
<div class="card-header py-2"><strong>Summary of key investigation during Hospitalization</strong></div>
<div class="card-body">
<textarea class="form-control" name="inhos_remark" rows="4"></textarea>
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-summary-invest">Save Summary Investigation</button>
</div>
</div>
</div>
<div class="card border-secondary mt-3" id="section-course">
<div class="card-header py-2"><strong>Course / Treatment in the hospital</strong></div>
<div class="card-body">
<table class="table table-sm table-bordered">
<thead><tr><th>Course</th><th>Remark</th><th style="width:90px;">Action</th></tr></thead>
<tbody>
<tr><td colspan="3" class="text-muted text-center">No course rows.</td></tr>
</tbody>
</table>
<input type="hidden" name="course_remove_id" id="course_remove_id" value="0">
<div class="row g-2">
<div class="col-md-6"><input type="text" class="form-control" name="new_course_name" id="new_course_name" list="discharge_course_suggest" autocomplete="off" placeholder="Course / treatment"></div>
<div class="col-md-5"><input type="text" class="form-control" name="new_course_remark" placeholder="Remark"></div>
<div class="col-md-1"><button type="submit" class="btn btn-primary btn-sm" name="action" value="add_course">+ADD</button></div>
</div>
<datalist id="discharge_course_suggest"></datalist>
<div id="discharge_course_status" class="complaint-status text-muted"></div>
<div class="mt-3">
<label class="form-label">Course / Treatment in Hospital (Narrative)
<button type="button" class="btn btn-outline-primary btn-sm" id="btn_discharge_ai_course">AI Assist</button>
<button type="button" class="btn btn-outline-primary btn-sm" id="btn_discharge_hinglish_course">Hinglish -> English</button>
<button type="button" class="btn btn-outline-secondary btn-sm btn-discharge-field-past" data-section="course_remark" data-target="course_remark">Past Data</button>
<button type="button" class="btn btn-outline-secondary btn-sm btn-discharge-template-load" data-section="course_remark" data-target="course_remark">Load Template</button>
<button type="button" class="btn btn-outline-secondary btn-sm btn-discharge-template-save" data-section="course_remark" data-target="course_remark">Save as Template</button>
</label>
<textarea class="form-control" name="course_remark" id="course_remark" rows="3"></textarea>
</div>
<div class="mt-3 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-course">Save Course/Treatment</button>
</div>
</div>
</div>
<div class="card border-secondary mt-3" id="section-condition">
<div class="card-header py-2"><strong>Condition at the time of Discharge</strong></div>
<div class="card-body row g-2">
<div class="col-md-3">
<label class="form-label small">Pulse /min</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_1" value="80">
</div>
<div class="col-md-3">
<label class="form-label small">Respiration /min</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_2" value="30">
</div>
<div class="col-md-3">
<label class="form-label small">BP mmHg</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_3" value="80/120">
</div>
<div class="col-md-3">
<label class="form-label small">Height cm</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_4" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Weight kg</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_5" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Pallor</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_6" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Jaundice/Icterus</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_7" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Cyanosis</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_8" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Clubbing</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_9" value="">
</div>
<div class="col-md-3">
<label class="form-label small">SPO2</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_10" value="95">
</div>
<div class="col-md-3">
<label class="form-label small">RBS</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_11" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Temp F</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_12" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Edema</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_13" value="">
</div>
<div class="col-md-3">
<label class="form-label small">JVP</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_14" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Sensorium</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_15" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Oedema</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_16" value="">
</div>
<div class="col-md-3">
<label class="form-label small">CNS</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_17" value="">
</div>
<div class="col-md-3">
<label class="form-label small">CVS</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_18" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Lymphadenopathy</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_19" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Pupils</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_20" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Chest</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_21" value="">
</div>
<div class="col-md-3">
<label class="form-label small">GCS</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_22" value="">
</div>
<div class="col-md-3">
<label class="form-label small">P/A</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_23" value="">
</div>
<div class="col-md-3">
<label class="form-label small">Neurological Deficit</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_24" value="">
</div>
<div class="col-md-3">
<label class="form-label small">HC inch</label>
<input type="text" class="form-control form-control-sm" name="dis_exam_25" value="">
</div>
<div class="col-md-12 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-condition">Save Discharge Condition</button>
</div>
</div>
</div>
<div class="card border-secondary mt-3" id="section-medicine">
<div class="card-header py-2"><strong>Discharge Medicine Prescribed</strong></div>
<div class="card-body">
<input type="hidden" name="selected_rx_group_id" id="selected_rx_group_id" value="0">
<input type="hidden" name="drug_remove_source" id="drug_remove_source" value="legacy">
<button type="submit" class="d-none" id="btn_apply_rx_group" name="action" value="apply_rx_group" data-reload-section="section-medicine">Apply Rx Group</button>
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_open_rx_group_modal">Rx Group</button>
<span id="rx_group_selected_name" class="text-muted">No Rx-Group selected</span>
</div>
<div class="small text-muted">Select group and preview medicines before add.</div>
</div>
<table class="table table-sm table-bordered">
<thead><tr><th>Medicine</th><th>Type</th><th>Dose</th><th>When</th><th>Freq</th><th>Days</th><th>Qty</th><th>Remark</th><th style="width:90px;">Action</th></tr></thead>
<tbody>
<tr><td colspan="9" class="text-muted text-center">No medicine added</td></tr>
</tbody>
</table>
<input type="hidden" name="drug_remove_id" id="drug_remove_id" value="0">
<div class="row g-2 mb-2">
<div class="col-md-4"><input type="text" class="form-control" name="new_drug_name" id="new_drug_name" list="discharge_med_suggest" autocomplete="off" placeholder="Medicine name"></div>
<div class="col-md-2"><input type="text" class="form-control" name="new_drug_type" id="new_drug_type" placeholder="Type"></div>
<div class="col-md-2"><input type="text" class="form-control" name="new_drug_dose" id="new_drug_dose" placeholder="Dose"></div>
<div class="col-md-2"><input type="text" class="form-control" name="new_drug_when" id="new_drug_when" list="discharge_med_when_suggest" autocomplete="off" placeholder="When (BF/AF/WF)"></div>
<div class="col-md-2"><input type="text" class="form-control" name="new_drug_freq" id="new_drug_freq" list="discharge_med_freq_suggest" autocomplete="off" placeholder="Freq (OD/BD/TDS/HS)"></div>
</div>
<div class="row g-2 mb-2">
<div class="col-md-2"><input type="text" class="form-control" name="new_drug_day" id="new_drug_day" placeholder="Days"></div>
<div class="col-md-2"><input type="text" class="form-control" name="new_drug_qty" id="new_drug_qty" placeholder="Qty"></div>
<div class="col-md-6"><input type="text" class="form-control" name="new_drug_remark" id="new_drug_remark" placeholder="Remark"></div>
<div class="col-md-2"><button type="submit" class="btn btn-primary" name="action" value="add_drug" data-reload-section="section-medicine" style="width:100%;">Add</button></div>
</div>
<div class="mb-2">
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_when" data-fill-value="BF">Before Food</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_when" data-fill-value="AF">After Food</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_when" data-fill-value="WF">With Food</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_freq" data-fill-value="OD">OD</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_freq" data-fill-value="BD">BD</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_freq" data-fill-value="TDS">TDS</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_freq" data-fill-value="HS">HS</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_day" data-fill-value="3 Days">3 Days</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_day" data-fill-value="5 Days">5 Days</button>
<button type="button" class="rx-quick-btn" data-fill-target="new_drug_day" data-fill-value="7 Days">7 Days</button>
</div>
<datalist id="discharge_med_suggest"></datalist>
<datalist id="discharge_med_when_suggest">
<option value="BF" label="Before Food"></option>
<option value="AF" label="After Food"></option>
<option value="WF" label="With Food"></option>
</datalist>
<datalist id="discharge_med_freq_suggest">
<option value="OD" label="Once Daily"></option>
<option value="BD" label="Twice Daily"></option>
<option value="TDS" label="Thrice Daily"></option>
<option value="HS" label="At Bedtime"></option>
<option value="QID" label="Four Times Daily"></option>
<option value="SOS" label="As Needed"></option>
</datalist>
<div id="discharge_medicine_status" class="complaint-status text-muted"></div>
</div>
</div>
<div class="card border-secondary mt-3" id="section-instructions">
<div class="card-header py-2 d-flex justify-content-between align-items-center">
<strong>Discharge Instructions / Advice</strong>
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_discharge_manage_food_master">Dietary Master CRUD</button>
</div>
<div class="card-body row g-2">
<div class="col-md-12">
<label class="form-label mb-1">Dietary Advice</label>
<div class="border rounded p-2" style="max-height: 220px; overflow-y: auto;">
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_11"
value="11"
data-food-short="DIET AS ADVICE"
data-food-desc="DIET AS ADVICE"
data-food-lang=""
>
<label class="form-check-label" for="instruction_food_11">
DIET AS ADVICE </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_12"
value="12"
data-food-short="Eat Nutritious diet,Stay away from smoking and alcohol altogether."
data-food-desc="Eat Nutritious diet,Stay away from smoking and alcohol altogether."
data-food-lang="पौष्टिक आहार लें, धूम्रपान और शराब से पूरी तरह दूर रहें।"
>
<label class="form-check-label" for="instruction_food_12">
Eat Nutritious diet,Stay away from smoking and alcohol altogether. </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_13"
value="13"
data-food-short="Use appropriate medicine as Prescribed."
data-food-desc="Use appropriate medicine as Prescribed."
data-food-lang="निर्धारित अनुसार उचित दवा का उपयोग करें।"
checked>
<label class="form-check-label" for="instruction_food_13">
Use appropriate medicine as Prescribed. </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_14"
value="14"
data-food-short="Hydration"
data-food-desc="Drink at least 8–10 glasses of water daily unless restricted by your doctor."
data-food-lang="जब तक कि आपके डॉक्टर द्वारा प्रतिबंधित न किया गया हो, प्रतिदिन कम से कम 8-10 गिलास पानी पिएं।"
>
<label class="form-check-label" for="instruction_food_14">
Hydration </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_15"
value="15"
data-food-short="Balanced Meals"
data-food-desc="Incorporate a mix of carbohydrates, proteins, and healthy fats in every meal."
data-food-lang="प्रत्येक भोजन में कार्बोहाइड्रेट, प्रोटीन और स्वस्थ वसा का मिश्रण शामिल करें।"
>
<label class="form-check-label" for="instruction_food_15">
Balanced Meals </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_16"
value="16"
data-food-short="Fruits and Vegetables"
data-food-desc="Consume a variety of fresh fruits and vegetables daily to ensure adequate vitamins and minerals."
data-food-lang="पर्याप्त विटामिन और खनिज सुनिश्चित करने के लिए प्रतिदिन विभिन्न प्रकार के ताजे फल और सब्जियों का सेवन करें।"
checked>
<label class="form-check-label" for="instruction_food_16">
Fruits and Vegetables </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_17"
value="17"
data-food-short="Small, Frequent Meals"
data-food-desc="Eat smaller portions 5–6 times a day instead of three large meals to avoid overburdening the digestive system."
data-food-lang="पाचन तंत्र पर अधिक बोझ से बचने के लिए तीन बार अधिक भोजन करने के बजाय दिन में 5-6 बार छोटी मात्रा में भोजन करें।"
>
<label class="form-check-label" for="instruction_food_17">
Small, Frequent Meals </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_18"
value="18"
data-food-short="Avoid Processed Foods"
data-food-desc="Limit intake of sugary, salty, and fried foods. Avoid packaged snacks and beverages high in preservatives."
data-food-lang="मीठे, नमकीन और तले हुए खाद्य पदार्थों का सेवन सीमित करें। डिब्बाबंद स्नैक्स और ज़्यादा प्रिज़र्वेटिव वाले पेय पदार्थों से बचें।"
>
<label class="form-check-label" for="instruction_food_18">
Avoid Processed Foods </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_19"
value="19"
data-food-short="Special Considerations"
data-food-desc="If you have specific conditions like diabetes, hypertension, or kidney issues, follow the dietary restrictions advised by your healthcare provider. For post-surgical recovery, include protein-rich foods like eggs, lentils, and dairy products to promote healing."
data-food-lang="यदि आपको मधुमेह, उच्च रक्तचाप या किडनी संबंधी समस्या जैसी कोई विशेष समस्या है, तो अपने स्वास्थ्य सेवा प्रदाता द्वारा बताए गए आहार प्रतिबंधों का पालन करें। सर्जरी के बाद ठीक होने के लिए, उपचार को बढ़ावा देने के लिए अंडे, दाल और डेयरी उत्पादों जैसे प्रोटीन युक्त खाद्य पदार्थों को शामिल करें।"
checked>
<label class="form-check-label" for="instruction_food_19">
Special Considerations </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_20"
value="20"
data-food-short="Supplements"
data-food-desc="Take any prescribed vitamins or supplements as directed by your doctor."
data-food-lang="अपने चिकित्सक द्वारा निर्देशित कोई भी निर्धारित विटामिन या पूरक लें।"
>
<label class="form-check-label" for="instruction_food_20">
Supplements </label>
</div>
<div class="form-check mb-1">
<input
class="form-check-input instruction-food-item"
type="checkbox"
name="instruction_food_ids[]"
id="instruction_food_21"
value="21"
data-food-short="Food Safety"
data-food-desc="Ensure all meals are freshly prepared and hygienically cooked. Avoid raw or undercooked foods to reduce the risk of infections."
data-food-lang="सुनिश्चित करें कि सभी भोजन ताज़ा तैयार किए गए हों और स्वच्छतापूर्वक पकाए गए हों। संक्रमण के जोखिम को कम करने के लिए कच्चे या अधपके खाद्य पदार्थों से बचें।"
>
<label class="form-check-label" for="instruction_food_21">
Food Safety </label>
</div>
</div>
<div class="mt-2 d-flex flex-wrap gap-2">
<button type="button" class="btn btn-outline-primary btn-sm" id="btn_instruction_add_selected_food">Add Selected To Advice</button>
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_instruction_clear_food">Clear Selection</button>
</div>
</div>
<div class="col-md-12">
<div class="border rounded p-2 bg-light">
<div class="small fw-bold mb-1">Selected Dietary Advice (Hindi print preview)</div>
<div id="instruction_selected_preview" class="small text-muted">No dietary advice selected.</div>
</div>
</div>
<div class="col-md-12">
<label class="form-label">Other Advice</label>
<textarea class="form-control" name="instruction_other" id="instruction_other" rows="2" placeholder="Additional custom advice..."></textarea>
</div>
<div class="col-md-12">
<label class="form-label">Discharge Instructions / Advice</label>
<textarea class="form-control" name="instruction_remark" id="instruction_remark" rows="3"></textarea>
</div>
<div class="col-md-4">
<label class="form-label">Review After (days/text)</label>
<input type="text" class="form-control" name="review_after" value="">
</div>
<div class="col-md-12 d-flex justify-content-end">
<button type="submit" class="btn btn-outline-success btn-sm" name="action" value="save_main" data-reload-section="section-instructions">Save Discharge Advice</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="dischargeRxGroupModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Select Rx Group</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<input type="text" class="form-control form-control-sm mb-2" id="discharge_rx_group_search" placeholder="Search Rx Group...">
<div id="discharge_rx_group_list" class="d-flex flex-wrap gap-2"></div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ipdDietaryMasterModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Dietary Advice Master</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row g-2 align-items-end mb-2">
<div class="col-md-9">
<label class="form-label">Search</label>
<input type="text" class="form-control form-control-sm" id="food_master_search" placeholder="Search short/English/Hindi text...">
</div>
<div class="col-md-3 d-grid">
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_food_master_refresh">Refresh List</button>
</div>
</div>
<div class="table-responsive" style="max-height:220px;overflow:auto;">
<table class="table table-sm table-bordered align-middle mb-2">
<thead>
<tr>
<th style="width:24%;">Short</th>
<th>English</th>
<th>Hindi</th>
<th style="width:110px;">Action</th>
</tr>
</thead>
<tbody id="food_master_rows">
<tr><td colspan="4" class="text-center text-muted">No records.</td></tr>
</tbody>
</table>
</div>
<hr>
<input type="hidden" id="food_master_id" value="0">
<div class="row g-2">
<div class="col-md-4">
<label class="form-label">Short Heading</label>
<input type="text" class="form-control form-control-sm" id="food_master_short" maxlength="255">
</div>
<div class="col-md-4">
<label class="form-label">English Text</label>
<textarea class="form-control form-control-sm" id="food_master_desc" rows="2"></textarea>
</div>
<div class="col-md-4">
<label class="form-label">Hindi Text</label>
<textarea class="form-control form-control-sm" id="food_master_lang" rows="2"></textarea>
</div>
</div>
<div class="mt-2 d-flex gap-2">
<button type="button" class="btn btn-primary btn-sm" id="btn_food_master_save">Save</button>
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_food_master_clear">New</button>
</div>
<div id="food_master_status" class="complaint-status text-muted mt-2"></div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ipdNarrativeTemplateModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Load Template</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<label class="form-label">Select Template</label>
<select class="form-select form-select-sm" id="ipd_narrative_template_select"></select>
<label class="form-label mt-2">Apply Mode</label>
<select class="form-select form-select-sm" id="ipd_narrative_apply_mode">
<option value="replace">Replace field text</option>
<option value="append">Append to existing text</option>
</select>
<label class="form-label mt-2">Preview</label>
<textarea class="form-control form-control-sm" id="ipd_narrative_template_preview" rows="6" readonly></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary btn-sm" id="btn_apply_ipd_template_choice">Apply</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ipdNarrativeTemplateSaveModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ipdNarrativeTemplateSaveModalTitle">Save Template</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<label class="form-label">Template Name</label>
<input type="text" class="form-control form-control-sm" id="ipd_narrative_template_save_name" maxlength="100">
<label class="form-label mt-2">Template Scope</label>
<select class="form-select form-select-sm" id="ipd_narrative_template_save_scope">
<option value="doctor" selected>My Template (Doctor/Consultant only)</option>
<option value="master">Master Template (Visible to all users)</option>
</select>
<label class="form-label mt-2">Preview</label>
<textarea class="form-control form-control-sm" id="ipd_narrative_template_save_preview" rows="6" readonly></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary btn-sm" id="btn_save_ipd_template_choice">Save</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ipdSurgeryMasterModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Surgery / Procedure Master</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row g-2 align-items-end mb-2">
<div class="col-md-3">
<label class="form-label">Type</label>
<select class="form-select form-select-sm" id="surgery_master_type">
<option value="surgery">Surgery</option>
<option value="procedure">Procedure</option>
</select>
</div>
<div class="col-md-6">
<label class="form-label">Search</label>
<input type="text" class="form-control form-control-sm" id="surgery_master_search" placeholder="Search name/code/icd...">
</div>
<div class="col-md-3 d-grid">
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_surgery_master_refresh">Refresh List</button>
</div>
</div>
<div class="table-responsive" style="max-height:220px;overflow:auto;">
<table class="table table-sm table-bordered align-middle mb-2">
<thead>
<tr>
<th>Name</th>
<th style="width:120px;">Code</th>
<th style="width:120px;">ICD</th>
<th style="width:70px;">Status</th>
<th style="width:110px;">Action</th>
</tr>
</thead>
<tbody id="surgery_master_rows">
<tr><td colspan="5" class="text-center text-muted">No records.</td></tr>
</tbody>
</table>
</div>
<hr>
<input type="hidden" id="surgery_master_id" value="0">
<div class="row g-2">
<div class="col-md-5">
<label class="form-label">Name</label>
<input type="text" class="form-control form-control-sm" id="surgery_master_name" maxlength="255">
</div>
<div class="col-md-3">
<label class="form-label">Code</label>
<input type="text" class="form-control form-control-sm" id="surgery_master_code" maxlength="60">
</div>
<div class="col-md-2">
<label class="form-label">ICD</label>
<input type="text" class="form-control form-control-sm" id="surgery_master_icd" maxlength="60">
</div>
<div class="col-md-2">
<label class="form-label">Status</label>
<select class="form-select form-select-sm" id="surgery_master_active">
<option value="1">Active</option>
<option value="0">Inactive</option>
</select>
</div>
</div>
<div class="mt-2 d-flex gap-2">
<button type="button" class="btn btn-primary btn-sm" id="btn_surgery_master_save">Save</button>
<button type="button" class="btn btn-outline-secondary btn-sm" id="btn_surgery_master_clear">New</button>
</div>
<div id="surgery_master_status" class="complaint-status text-muted mt-2"></div>
</div>
</div>
</div>
</div>
<script>
(function() {
var narrativeTemplateLoadState = { section: '', target: '', rows: [] };
var narrativeTemplateSaveState = { section: '', text: '', target: '' };
var narrativeTemplateToolsBound = false;
var surgeryMasterState = { surgery: [], procedure: [] };
var foodMasterState = [];
window.openDischargePreview = function(url, title) {
if (typeof window.load_form === 'function') {
window.load_form(url, title || 'Discharge Preview');
return;
}
window.location.href = url;
};
function initComplaintEditor() {
if (!window.CKEDITOR) {
return;
}
CKEDITOR.config.versionCheck = false;
CKEDITOR.config.removePlugins = '';
if (CKEDITOR.instances.complaint_remark_editor) {
CKEDITOR.instances.complaint_remark_editor.destroy(true);
}
if (CKEDITOR.instances.systemic_exam_editor) {
CKEDITOR.instances.systemic_exam_editor.destroy(true);
}
if (document.getElementById('complaint_remark_editor')) {
CKEDITOR.replace('complaint_remark_editor', {
height: 180
});
}
if (document.getElementById('systemic_exam_editor')) {
CKEDITOR.replace('systemic_exam_editor', {
height: 200
});
}
}
function getCsrfPair(form) {
var tokenInput = form ? form.querySelector('input[name^="csrf_"]') : null;
if (tokenInput) {
return {
name: tokenInput.name,
value: tokenInput.value
};
}
return {
name: 'csrf_test_name',
value: 'd592cadd744a0ee9c27e1bea9ad13abf'
};
}
function updateFormCsrf(form, data) {
if (!form || !data || !data.csrfName || !data.csrfHash) {
return;
}
var csrfInput = form.querySelector('input[name="' + data.csrfName + '"]');
if (csrfInput) {
csrfInput.value = data.csrfHash;
}
}
function getComplaintEditorText() {
if (window.CKEDITOR && CKEDITOR.instances.complaint_remark_editor) {
return CKEDITOR.instances.complaint_remark_editor.getData() || '';
}
var textarea = document.getElementById('complaint_remark_editor');
return textarea ? (textarea.value || '') : '';
}
function setComplaintEditorText(value) {
if (window.CKEDITOR && CKEDITOR.instances.complaint_remark_editor) {
CKEDITOR.instances.complaint_remark_editor.setData(value || '');
return;
}
var textarea = document.getElementById('complaint_remark_editor');
if (textarea) {
textarea.value = value || '';
}
}
function setComplaintStatus(text, level) {
var statusEl = document.getElementById('discharge_complaint_status');
if (!statusEl) {
return;
}
statusEl.classList.remove('text-success', 'text-danger', 'text-muted');
if (level === 'success') {
statusEl.classList.add('text-success');
} else if (level === 'error') {
statusEl.classList.add('text-danger');
} else {
statusEl.classList.add('text-muted');
}
statusEl.textContent = text || '';
}
// Client-side complaint management (OPD-style) - MUST BE DECLARED BEFORE initComplaintTools
var selectedDischargeComplaints = [];
function initDischargeComplaintsTable() {
// Load existing complaints from PHP (if any)
selectedDischargeComplaints = [
{
id: 7225,
term: "Acute rheumatic fever with acute arthritis",
frequency: '',
severity: '',
duration: "",
date: ''
},
{
id: 7226,
term: "Able to cough",
frequency: '',
severity: '',
duration: "",
date: ''
}
];
renderDischargeComplaintTable();
}
function renderDischargeComplaintTable() {
var tbody = document.getElementById('discharge_complaint_tbody');
if (!tbody) return;
tbody.innerHTML = '';
if (selectedDischargeComplaints.length === 0) {
tbody.innerHTML = '<tr><td colspan="6" class="text-muted text-center">No complaints yet. Add using the input below.</td></tr>';
return;
}
selectedDischargeComplaints.forEach(function(item, idx) {
var tr = document.createElement('tr');
tr.setAttribute('data-idx', idx);
// # column
var td1 = document.createElement('td');
td1.className = 'text-center text-muted';
td1.textContent = idx + 1;
tr.appendChild(td1);
// Complaint name
var td2 = document.createElement('td');
td2.className = 'p-1';
var nameInput = document.createElement('input');
nameInput.type = 'text';
nameInput.className = 'form-control form-control-sm';
nameInput.value = item.term || '';
nameInput.placeholder = 'Complaint…';
nameInput.style.fontSize = '.82rem';
nameInput.setAttribute('data-idx', idx);
nameInput.addEventListener('input', function() {
selectedDischargeComplaints[idx].term = this.value;
});
td2.appendChild(nameInput);
tr.appendChild(td2);
// Frequency
var td3 = document.createElement('td');
td3.className = 'p-1';
var freqInput = document.createElement('input');
freqInput.type = 'text';
freqInput.className = 'form-control form-control-sm';
freqInput.value = item.frequency || '';
freqInput.placeholder = 'daily…';
freqInput.style.fontSize = '.82rem';
freqInput.addEventListener('input', function() {
selectedDischargeComplaints[idx].frequency = this.value;
});
td3.appendChild(freqInput);
tr.appendChild(td3);
// Severity
var td4 = document.createElement('td');
td4.className = 'p-1';
var sevInput = document.createElement('input');
sevInput.type = 'text';
sevInput.className = 'form-control form-control-sm';
sevInput.value = item.severity || '';
sevInput.placeholder = 'mild…';
sevInput.style.fontSize = '.82rem';
sevInput.addEventListener('input', function() {
selectedDischargeComplaints[idx].severity = this.value;
});
td4.appendChild(sevInput);
tr.appendChild(td4);
// Duration
var td5 = document.createElement('td');
td5.className = 'p-1';
var durInput = document.createElement('input');
durInput.type = 'text';
durInput.className = 'form-control form-control-sm';
durInput.value = item.duration || '';
durInput.placeholder = '2 days…';
durInput.style.fontSize = '.82rem';
durInput.addEventListener('input', function() {
selectedDischargeComplaints[idx].duration = this.value;
});
td5.appendChild(durInput);
tr.appendChild(td5);
// Remove button
var td6 = document.createElement('td');
td6.className = 'p-1 text-center';
var removeBtn = document.createElement('button');
removeBtn.type = 'button';
removeBtn.className = 'btn btn-sm text-danger p-0';
removeBtn.style.lineHeight = '1';
removeBtn.style.fontSize = '.9rem';
removeBtn.innerHTML = '×';
removeBtn.addEventListener('click', function() {
selectedDischargeComplaints.splice(idx, 1);
renderDischargeComplaintTable();
});
td6.appendChild(removeBtn);
tr.appendChild(td6);
tbody.appendChild(tr);
});
}
function initComplaintTools() {
var section = document.getElementById('section-complaints');
if (!section || section.dataset.toolsBound === '1') {
return;
}
section.dataset.toolsBound = '1';
var form = section.closest('form');
if (!form) {
return;
}
var lookup = document.getElementById('discharge_complaint_lookup');
var dropdown = document.getElementById('discharge_complaint_dropdown');
var nameInput = document.getElementById('new_complaint_name');
var remarkInput = document.getElementById('new_complaint_remark');
var addRowBtn = document.getElementById('btn_add_complaint_row');
var btnAdd = document.getElementById('btn_discharge_add_complaint');
var btnAiDraft = document.getElementById('btn_discharge_ai_draft');
var btnHinglish = document.getElementById('btn_discharge_hinglish_to_english');
var painHidden = document.getElementById('pain_value');
var painOptions = section.querySelectorAll('.pain-option');
var selectedComplaints = [];
var complaintSuggestions = [];
var highlightedIndex = -1; // Track keyboard navigation
section.querySelectorAll('table tbody tr').forEach(function(row) {
var firstCell = row.querySelector('.discharge-complaint-name-input');
if (!firstCell) {
return;
}
var value = (firstCell.value || '').trim();
if (value !== '' && value.toLowerCase() !== 'no complaint rows yet.') {
selectedComplaints.push(value);
}
});
function addComplaintValue(value) {
value = (value || '').trim();
if (value === '') {
return false;
}
var exists = selectedComplaints.some(function(item) {
return item.toUpperCase() === value.toUpperCase();
});
if (exists) {
return false;
}
selectedComplaints.push(value);
return true;
}
if (painOptions && painOptions.length && painHidden) {
painOptions.forEach(function(option) {
option.addEventListener('change', function() {
if (this.checked) {
painHidden.value = this.value || '';
}
});
});
}
if (lookup && dropdown) {
lookup.addEventListener('input', function() {
var q = (lookup.value || '').trim();
if (q.length < 2 || !window.jQuery) {
dropdown.style.display = 'none';
return;
}
$.get('http://localhost:8080/Opd_prescription/complaints_search?q=' + encodeURIComponent(q), function(data) {
complaintSuggestions = (data && data.rows) ? data.rows : [];
highlightedIndex = -1; // Reset on new results
if (!complaintSuggestions.length) {
dropdown.style.display = 'none';
return;
}
var html = '';
complaintSuggestions.forEach(function(row) {
var label = row.name || '';
var hinglish = row.name_hinglish ? ' (' + row.name_hinglish + ')' : '';
html += '<div class="dropdown-item px-2 py-1" data-value="' + $('<div>').text(label).html() + '" style="cursor:pointer;font-size:.82rem">' +
$('<div>').text(label).html() +
'<span class="text-muted small">' + hinglish + '</span></div>';
});
dropdown.innerHTML = html;
dropdown.style.display = 'block';
dropdown.querySelectorAll('.dropdown-item').forEach(function(item, idx) {
item.addEventListener('mouseenter', function() {
// Clear keyboard highlight on mouse hover
dropdown.querySelectorAll('.dropdown-item').forEach(function(el) {
el.style.backgroundColor = '';
el.style.fontWeight = '';
});
this.style.backgroundColor = '#f8f9fa';
highlightedIndex = idx;
});
item.addEventListener('mouseleave', function() {
this.style.backgroundColor = '';
});
item.addEventListener('click', function() {
var value = this.getAttribute('data-value');
lookup.value = value;
dropdown.style.display = 'none';
if (btnAdd) {
var items = dropdown.querySelectorAll('.dropdown-item');
var isVisible = dropdown.style.display === 'block' && items.length > 0;
if (e.key === 'ArrowDown' && isVisible) {
e.preventDefault();
highlightedIndex = Math.min(highlightedIndex + 1, items.length - 1);
updateDropdownHighlight(items);
} else if (e.key === 'ArrowUp' && isVisible) {
e.preventDefault();
highlightedIndex = Math.max(highlightedIndex - 1, 0);
updateDropdownHighlight(items);
} else if (e.key === 'Enter') {
e.preventDefault();
if (isVisible && highlightedIndex >= 0 && items[highlightedIndex]) {
// Select highlighted item
var value = items[highlightedIndex].getAttribute('data-value');
lookup.value = value;
dropdown.style.display = 'none';
highlightedIndex = -1;
if (btnAdd) {
btnAdd.click();
}
} else if (btnAdd) {
// No item highlighted, add whatever is typed
dropdown.style.display = 'none';
btnAdd.click();
}
} else if (e.key === 'Escape') {
dropdown.style.display = 'none';
highlightedIndex = -1;
}
});
function updateDropdownHighlight(items) {
items.forEach(function(item, idx) {
if (idx === highlightedIndex) {
item.style.backgroundColor = '#007bff';
item.style.color = '#fff';
item.style.fontWeight = 'bold';
item.scrollIntoView({ block: 'nearest' });
} else {
item.style.backgroundColor = '';
item.style.color = '';
item.style.fontWeight = '';
}
});
}
lookup.addEventListener('blur', function() {
setTimeout(function() {
dropdown.style.display = 'none';
}, 200);
});
}
if (btnAdd) {
btnAdd.addEventListener('click', function() {
var inputVal = lookup ? (lookup.value || '').trim() : '';
if (inputVal === '') {
setComplaintStatus('Type complaint text first.', 'error');
return;
}
// Check if already exists
var exists = selectedDischargeComplaints.some(function(item) {
return item.term.toUpperCase() === inputVal.toUpperCase();
});
if (exists) {
setComplaintStatus('Complaint already added.', 'error');
if (lookup) {
lookup.value = '';
}
return;
}
// Add to array
selectedDischargeComplaints.push({
id: 0,
term: inputVal,
frequency: '',
severity: '',
duration: '',
date: ''
});
// Refresh table
renderDischargeComplaintTable();
// Clear input
if (lookup) {
lookup.value = '';
}
setComplaintStatus('Complaint added. Edit inline if needed.', 'success');
});
}
if (btnAiDraft) {
btnAiDraft.addEventListener('click', function() {
if (!window.jQuery) {
return;
}
var currentText = getComplaintEditorText();
if (!selectedComplaints.length && (currentText || '').trim() === '') {
setComplaintStatus('Please add at least one complaint first.', 'error');
return;
}
var csrf = getCsrfPair(form);
var payload = {
complaints: selectedComplaints,
current_text: currentText
};
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Opd_prescription/complaints_ai_draft', payload, function(data) {
if (data && data.csrfName && data.csrfHash) {
var csrfInput = form.querySelector('input[name="' + data.csrfName + '"]');
if (csrfInput) {
csrfInput.value = data.csrfHash;
}
}
if (!data || parseInt(data.update || '0', 10) !== 1) {
setComplaintStatus((data && data.error_text) ? data.error_text : 'Unable to draft complaint text.', 'error');
return;
}
setComplaintEditorText(data.draft_text || currentText);
setComplaintStatus((data.error_text || 'Complaint draft ready.'), 'success');
}, 'json').fail(function() {
setComplaintStatus('AI draft request failed.', 'error');
});
});
}
if (btnHinglish) {
btnHinglish.addEventListener('click', function() {
if (!window.jQuery) {
return;
}
var text = (getComplaintEditorText() || '').trim();
if (text === '') {
setComplaintStatus('Enter complaint text first.', 'error');
return;
}
var csrf = getCsrfPair(form);
var payload = {
text: text,
mode: 'hinglish_to_english'
};
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Opd_prescription/clinical_autotype', payload, function(data) {
if (data && data.csrfName && data.csrfHash) {
var csrfInput = form.querySelector('input[name="' + data.csrfName + '"]');
if (csrfInput) {
csrfInput.value = data.csrfHash;
}
}
if (!data || parseInt(data.update || '0', 10) !== 1) {
setComplaintStatus((data && data.error_text) ? data.error_text : 'Unable to rewrite text.', 'error');
return;
}
setComplaintEditorText((data.draft_text || '').toString());
setComplaintStatus((data.error_text || 'Text rewritten.'), 'success');
}, 'json').fail(function() {
setComplaintStatus('Hinglish rewrite failed.', 'error');
});
});
}
// Attach event handlers to editable complaint fields (name and remark)
// DISABLED: Database save on blur - will implement OPD-style client-side editing
// attachComplaintFieldHandlers(section, form);
// Initialize table with existing data
initDischargeComplaintsTable();
}
function setSectionStatus(id, text, level) {
var el = document.getElementById(id);
if (!el) {
return;
}
el.classList.remove('text-success', 'text-danger', 'text-muted');
if (level === 'success') {
el.classList.add('text-success');
} else if (level === 'error') {
el.classList.add('text-danger');
} else {
el.classList.add('text-muted');
}
el.textContent = text || '';
}
function getDischargeForm() {
return document.querySelector('form[action*="Ipd_discharge/ipd_select/"]');
}
function statusIdByNarrativeSection(section) {
if (section === 'diagnosis_remark') {
return 'discharge_diagnosis_status';
}
if (section === 'course_remark') {
return 'discharge_course_status';
}
return '';
}
function setNarrativeStatus(section, text, level) {
var statusId = statusIdByNarrativeSection(section);
if (statusId !== '') {
setSectionStatus(statusId, text, level);
}
}
function showModalById(modalId) {
var el = document.getElementById(modalId);
if (!el) {
return;
}
if (window.bootstrap && window.bootstrap.Modal) {
window.bootstrap.Modal.getOrCreateInstance(el).show();
return;
}
if (window.jQuery) {
window.jQuery(el).show();
}
}
function hideModalById(modalId) {
var el = document.getElementById(modalId);
if (!el) {
return;
}
if (window.bootstrap && window.bootstrap.Modal) {
window.bootstrap.Modal.getOrCreateInstance(el).hide();
return;
}
if (window.jQuery) {
window.jQuery(el).hide();
}
}
function bindNarrativeTemplateTools() {
if (narrativeTemplateToolsBound || !window.jQuery) {
return;
}
narrativeTemplateToolsBound = true;
$(document).on('click', '.btn-discharge-field-past', function() {
var target = ($(this).data('target') || '').toString();
var section = ($(this).data('section') || '').toString();
var form = getDischargeForm();
if (!target || !section || !form || !$('#' + target).length) {
return;
}
var url = 'http://localhost:8080/Ipd_discharge/section_past_data?section=' + encodeURIComponent(section) + '&ipd_id=' + encodeURIComponent('1');
$.get(url, function(data) {
if ((data && parseInt(data.update || '0', 10)) !== 1) {
setNarrativeStatus(section, (data && data.error_text) ? data.error_text : 'No past data found.', 'error');
return;
}
$('#' + target).val((data && data.past_text) ? data.past_text : '');
setNarrativeStatus(section, (data && data.error_text) ? data.error_text : 'Past data loaded.', 'success');
}, 'json').fail(function() {
setNarrativeStatus(section, 'Unable to load past data right now.', 'error');
});
});
$(document).on('click', '.btn-discharge-template-save', function() {
var target = ($(this).data('target') || '').toString();
var section = ($(this).data('section') || '').toString();
if (!target || !section || !$('#' + target).length) {
return;
}
var text = ($('#' + target).val() || '').toString().trim();
if (!text) {
setNarrativeStatus(section, 'Type text first, then save as template.', 'error');
return;
}
narrativeTemplateSaveState = { section: section, text: text, target: target };
var sectionLabel = section.replace(/_/g, ' ').replace(/\b\w/g, function(ch) {
return ch.toUpperCase();
});
$('#ipdNarrativeTemplateSaveModalTitle').text('Save Template - ' + sectionLabel);
$('#ipd_narrative_template_save_name').val(section.replace(/_/g, ' '));
$('#ipd_narrative_template_save_scope').val('doctor');
$('#ipd_narrative_template_save_preview').val(text);
showModalById('ipdNarrativeTemplateSaveModal');
});
$('#btn_save_ipd_template_choice').on('click', function() {
var section = (narrativeTemplateSaveState.section || '').toString();
var text = (narrativeTemplateSaveState.text || '').toString().trim();
var form = getDischargeForm();
if (!form || !section || !text) {
setNarrativeStatus(section, 'Nothing to save for this section.', 'error');
return;
}
var templateName = ($('#ipd_narrative_template_save_name').val() || '').toString().trim();
var templateScope = ($('#ipd_narrative_template_save_scope').val() || 'doctor').toString().trim().toLowerCase();
if (!templateName) {
setNarrativeStatus(section, 'Template name is required.', 'error');
return;
}
var csrf = getCsrfPair(form);
var payload = {
section: section,
template_name: templateName,
template_text: text,
template_scope: templateScope
};
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Ipd_discharge/section_template_save', payload, function(data) {
if (data && data.csrfName && data.csrfHash) {
var csrfInput = form.querySelector('input[name="' + data.csrfName + '"]');
if (csrfInput) {
csrfInput.value = data.csrfHash;
}
}
if (!data || parseInt(data.update || '0', 10) !== 1) {
setNarrativeStatus(section, (data && data.error_text) ? data.error_text : 'Unable to save template.', 'error');
return;
}
setNarrativeStatus(section, (data.error_text || 'Template saved.'), 'success');
hideModalById('ipdNarrativeTemplateSaveModal');
}, 'json').fail(function() {
setNarrativeStatus(section, 'Unable to save template right now.', 'error');
});
});
$(document).on('click', '.btn-discharge-template-load', function() {
var target = ($(this).data('target') || '').toString();
var section = ($(this).data('section') || '').toString();
if (!target || !section || !$('#' + target).length) {
return;
}
var url = 'http://localhost:8080/Ipd_discharge/section_template_list?section=' + encodeURIComponent(section);
$.get(url, function(data) {
var rows = (data && data.rows) ? data.rows : [];
if (!rows.length) {
setNarrativeStatus(section, 'No template found for this section.', 'error');
return;
}
narrativeTemplateLoadState = { target: target, section: section, rows: rows };
var $sel = $('#ipd_narrative_template_select');
$sel.empty();
rows.forEach(function(row, idx) {
var name = row.template_name || ('Template ' + (idx + 1));
var src = parseInt(row.doc_id || '0', 10) === 0 ? '[Master] ' : '[My] ';
$sel.append('<option value="' + idx + '">' + $('<div>').text(src + name).html() + '</option>');
});
var existingText = ($('#' + target).val() || '').toString().trim();
$('#ipd_narrative_apply_mode').val(existingText ? 'append' : 'replace');
$('#ipd_narrative_template_preview').val((rows[0] && rows[0].template_text) ? rows[0].template_text : '');
showModalById('ipdNarrativeTemplateModal');
}, 'json').fail(function() {
setNarrativeStatus(section, 'Unable to load template list.', 'error');
});
});
$('#ipd_narrative_template_select').on('change', function() {
var idx = parseInt($(this).val() || '0', 10);
var row = (narrativeTemplateLoadState.rows || [])[idx] || {};
$('#ipd_narrative_template_preview').val(row.template_text || '');
});
$('#btn_apply_ipd_template_choice').on('click', function() {
var idx = parseInt($('#ipd_narrative_template_select').val() || '0', 10);
var row = (narrativeTemplateLoadState.rows || [])[idx] || null;
var section = (narrativeTemplateLoadState.section || '').toString();
var target = (narrativeTemplateLoadState.target || '').toString();
if (!row || !target || !$('#' + target).length) {
setNarrativeStatus(section, 'Invalid template selection.', 'error');
return;
}
var mode = ($('#ipd_narrative_apply_mode').val() || 'replace').toString();
var selectedText = (row.template_text || '').toString().trim();
var $target = $('#' + target);
var currentText = ($target.val() || '').toString().trim();
var finalText = selectedText;
if (mode === 'append' && currentText !== '') {
if (selectedText !== '' && currentText.toLowerCase() !== selectedText.toLowerCase()) {
finalText = currentText + '\n' + selectedText;
} else {
finalText = currentText;
}
}
$target.val(finalText);
setNarrativeStatus(section, mode === 'append' ? 'Template appended.' : 'Template loaded.', 'success');
hideModalById('ipdNarrativeTemplateModal');
});
}
function bindSmartTermLookup(form, lookupId, suggestId, addBtnId, targetInputId, statusId, emptyText) {
var lookup = document.getElementById(lookupId);
var suggest = document.getElementById(suggestId);
var addBtn = document.getElementById(addBtnId);
var targetInput = document.getElementById(targetInputId);
if (!lookup || !addBtn || !targetInput) {
return;
}
var suggestions = [];
lookup.addEventListener('input', function() {
var q = (lookup.value || '').trim();
if (q.length < 2 || !window.jQuery) {
return;
}
$.get('http://localhost:8080/Opd_prescription/complaints_search?q=' + encodeURIComponent(q), function(data) {
suggestions = (data && data.rows) ? data.rows : [];
if (!suggest) {
return;
}
var html = '';
suggestions.forEach(function(row) {
var label = row.name || '';
if (row.name_hinglish) {
label += ' (' + row.name_hinglish + ')';
}
html += '<option value="' + $('<div>').text(label).html() + '"></option>';
});
suggest.innerHTML = html;
}, 'json');
});
addBtn.addEventListener('click', function() {
var inputVal = (lookup.value || '').trim();
if (inputVal === '') {
setSectionStatus(statusId, emptyText || 'Type text first.', 'error');
return;
}
var chosen = '';
suggestions.forEach(function(row) {
var label = row.name || '';
if (row.name_hinglish) {
label += ' (' + row.name_hinglish + ')';
}
if (label.toUpperCase() === inputVal.toUpperCase() || (row.name || '').toUpperCase() === inputVal.toUpperCase()) {
chosen = row.name || inputVal;
}
});
if (chosen !== '') {
targetInput.value = chosen;
lookup.value = '';
setSectionStatus(statusId, 'Term added to input. Click +ADD to save row.', 'success');
return;
}
if (!window.jQuery) {
targetInput.value = inputVal;
lookup.value = '';
return;
}
var csrf = getCsrfPair(form);
var payload = { text: inputVal };
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Opd_prescription/complaints_parse', payload, function(data) {
updateFormCsrf(form, data);
var rows = (data && data.rows) ? data.rows : [];
targetInput.value = rows.length ? String(rows[0] || inputVal) : inputVal;
lookup.value = '';
setSectionStatus(statusId, rows.length ? 'Matched predefined term. Click +ADD to save row.' : 'Custom term ready. Click +ADD to save row.', 'success');
}, 'json').fail(function() {
setSectionStatus(statusId, 'Lookup failed right now.', 'error');
});
});
}
function bindSmartTermInputLookup(form, lookupId, suggestId, statusId, emptyText) {
var lookup = document.getElementById(lookupId);
var suggest = document.getElementById(suggestId);
if (!lookup) {
return;
}
if (lookup.dataset.lookupBound === '1') {
return;
}
lookup.dataset.lookupBound = '1';
var suggestions = [];
function optionLabel(row) {
var label = row.name || '';
if (row.name_hinglish) {
label += ' (' + row.name_hinglish + ')';
}
return label;
}
function applySelection() {
var inputVal = (lookup.value || '').trim();
if (inputVal === '') {
setSectionStatus(statusId, '', 'muted');
return;
}
var chosen = '';
suggestions.forEach(function(row) {
var label = optionLabel(row);
if (label.toUpperCase() === inputVal.toUpperCase() || (row.name || '').toUpperCase() === inputVal.toUpperCase()) {
chosen = row.name || inputVal;
}
});
if (chosen !== '') {
lookup.value = chosen;
setSectionStatus(statusId, 'Term selected. Click +ADD to save row.', 'success');
return;
}
if (!window.jQuery) {
setSectionStatus(statusId, emptyText || 'Custom term ready. Click +ADD to save row.', 'success');
return;
}
var csrf = getCsrfPair(form);
var payload = { text: inputVal };
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Opd_prescription/complaints_parse', payload, function(data) {
updateFormCsrf(form, data);
var rows = (data && data.rows) ? data.rows : [];
lookup.value = rows.length ? String(rows[0] || inputVal) : inputVal;
setSectionStatus(statusId, rows.length ? 'Matched predefined term. Click +ADD to save row.' : 'Custom term ready. Click +ADD to save row.', 'success');
}, 'json').fail(function() {
setSectionStatus(statusId, 'Lookup failed right now.', 'error');
});
}
lookup.addEventListener('input', function() {
var q = (lookup.value || '').trim();
if (q.length < 2 || !window.jQuery) {
return;
}
$.get('http://localhost:8080/Opd_prescription/complaints_search?q=' + encodeURIComponent(q), function(data) {
suggestions = (data && data.rows) ? data.rows : [];
if (!suggest) {
return;
}
var html = '';
suggestions.forEach(function(row) {
html += '<option value="' + $('<div>').text(optionLabel(row)).html() + '"></option>';
});
suggest.innerHTML = html;
}, 'json');
});
lookup.addEventListener('change', applySelection);
lookup.addEventListener('blur', applySelection);
}
function bindSurgeryTermLookup(form, type, lookupId, suggestId, targetMasterId, statusId) {
var lookup = document.getElementById(lookupId);
var suggest = document.getElementById(suggestId);
var targetMaster = document.getElementById(targetMasterId);
if (!lookup || !targetMaster || !window.jQuery) {
return;
}
if (lookup.dataset.lookupBound === '1') {
return;
}
lookup.dataset.lookupBound = '1';
function optionLabel(row) {
var label = (row.term_name || '').toString();
var code = (row.term_code || '').toString().trim();
var icd = (row.icd_code || '').toString().trim();
if (code !== '') {
label += ' [' + code + ']';
}
if (icd !== '') {
label += ' (ICD ' + icd + ')';
}
return label.trim();
}
function applySelectionFromInput() {
var inputVal = (lookup.value || '').trim();
if (inputVal === '') {
targetMaster.value = '0';
return;
}
var chosen = null;
(surgeryMasterState[type] || []).forEach(function(row) {
var label = optionLabel(row);
var name = (row.term_name || '').toString();
if (label.toUpperCase() === inputVal.toUpperCase() || name.toUpperCase() === inputVal.toUpperCase()) {
chosen = row;
}
});
if (chosen) {
lookup.value = (chosen.term_name || '').toString();
targetMaster.value = String(chosen.id || 0);
setSectionStatus(statusId, 'Master term selected. Click +ADD to save row.', 'success');
return;
}
targetMaster.value = '0';
}
lookup.addEventListener('input', function() {
targetMaster.value = '0';
var q = (lookup.value || '').trim();
if (q.length < 2) {
return;
}
$.get('http://localhost:8080/Ipd_discharge/surgery_master_lookup?type=' + encodeURIComponent(type) + '&q=' + encodeURIComponent(q), function(data) {
var rows = (data && data.rows) ? data.rows : [];
surgeryMasterState[type] = rows;
if (!suggest) {
return;
}
var html = '';
rows.forEach(function(row) {
html += '<option value="' + $('<div>').text(optionLabel(row)).html() + '"></option>';
});
suggest.innerHTML = html;
}, 'json');
});
lookup.addEventListener('change', applySelectionFromInput);
lookup.addEventListener('blur', applySelectionFromInput);
}
function initSurgeryMasterCrud(form) {
if (!window.jQuery) {
return;
}
if (window.__ipdSurgeryCrudBound === true) {
return;
}
window.__ipdSurgeryCrudBound = true;
var $type = $('#surgery_master_type');
var $search = $('#surgery_master_search');
var $rows = $('#surgery_master_rows');
function setMasterStatus(text, level) {
setSectionStatus('surgery_master_status', text, level || 'muted');
}
function rowHtml(row) {
var status = parseInt(row.is_active || '0', 10) === 1 ? 'Active' : 'Inactive';
var safeName = $('<div>').text(row.term_name || '').html();
var safeCode = $('<div>').text(row.term_code || '').html();
var safeIcd = $('<div>').text(row.icd_code || '').html();
return '<tr>'
+ '<td>' + safeName + '</td>'
+ '<td>' + safeCode + '</td>'
+ '<td>' + safeIcd + '</td>'
+ '<td>' + status + '</td>'
+ '<td>'
+ '<button type="button" class="btn btn-outline-primary btn-sm btn-master-edit" data-id="' + (row.id || 0) + '">Edit</button> '
+ '<button type="button" class="btn btn-outline-danger btn-sm btn-master-delete" data-id="' + (row.id || 0) + '">Del</button>'
+ '</td>'
+ '</tr>';
}
function clearMasterForm() {
$('#surgery_master_id').val('0');
$('#surgery_master_name').val('');
$('#surgery_master_code').val('');
$('#surgery_master_icd').val('');
$('#surgery_master_active').val('1');
}
function fetchMasterRows() {
var type = ($type.val() || 'surgery').toString();
var q = ($search.val() || '').toString().trim();
$.get('http://localhost:8080/Ipd_discharge/surgery_master_list?type=' + encodeURIComponent(type) + '&q=' + encodeURIComponent(q), function(data) {
var rows = (data && data.rows) ? data.rows : [];
surgeryMasterState[type] = rows;
if (!rows.length) {
$rows.html('<tr><td colspan="5" class="text-center text-muted">No records.</td></tr>');
return;
}
var html = '';
rows.forEach(function(row) {
html += rowHtml(row);
});
$rows.html(html);
}, 'json').fail(function() {
setMasterStatus('Unable to load master list.', 'error');
});
}
$(document).on('click', '#btn_discharge_manage_surgery_master', function() {
clearMasterForm();
setMasterStatus('', 'muted');
fetchMasterRows();
showModalById('ipdSurgeryMasterModal');
});
$('#btn_surgery_master_refresh').on('click', fetchMasterRows);
$type.on('change', function() {
clearMasterForm();
fetchMasterRows();
});
$search.on('input', function() {
fetchMasterRows();
});
$('#btn_surgery_master_clear').on('click', function() {
clearMasterForm();
});
$(document).on('click', '.btn-master-edit', function() {
var id = parseInt($(this).data('id') || '0', 10);
var type = ($type.val() || 'surgery').toString();
var row = (surgeryMasterState[type] || []).find(function(item) {
return parseInt(item.id || '0', 10) === id;
}) || null;
if (!row) {
return;
}
$('#surgery_master_id').val(String(row.id || 0));
$('#surgery_master_name').val((row.term_name || '').toString());
$('#surgery_master_code').val((row.term_code || '').toString());
$('#surgery_master_icd').val((row.icd_code || '').toString());
$('#surgery_master_active').val(parseInt(row.is_active || '0', 10) === 1 ? '1' : '0');
});
$(document).on('click', '.btn-master-delete', function() {
var id = parseInt($(this).data('id') || '0', 10);
if (id <= 0) {
return;
}
if (!window.confirm('Delete this master row?')) {
return;
}
var csrf = getCsrfPair(form);
var payload = { id: id };
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Ipd_discharge/surgery_master_delete', payload, function(data) {
updateFormCsrf(form, data);
if (!data || parseInt(data.update || '0', 10) !== 1) {
setMasterStatus((data && data.error_text) ? data.error_text : 'Unable to delete record.', 'error');
return;
}
setMasterStatus('Record deleted.', 'success');
fetchMasterRows();
}, 'json').fail(function() {
setMasterStatus('Delete failed.', 'error');
});
});
$('#btn_surgery_master_save').on('click', function() {
var name = ($('#surgery_master_name').val() || '').toString().trim();
if (name === '') {
setMasterStatus('Name is required.', 'error');
return;
}
var csrf = getCsrfPair(form);
var payload = {
id: parseInt($('#surgery_master_id').val() || '0', 10),
type: ($type.val() || 'surgery').toString(),
name: name,
code: ($('#surgery_master_code').val() || '').toString().trim(),
icd_code: ($('#surgery_master_icd').val() || '').toString().trim(),
is_active: parseInt($('#surgery_master_active').val() || '1', 10)
};
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Ipd_discharge/surgery_master_save', payload, function(data) {
updateFormCsrf(form, data);
if (!data || parseInt(data.update || '0', 10) !== 1) {
setMasterStatus((data && data.error_text) ? data.error_text : 'Unable to save record.', 'error');
return;
}
setMasterStatus('Record saved.', 'success');
clearMasterForm();
fetchMasterRows();
}, 'json').fail(function() {
setMasterStatus('Save failed.', 'error');
});
});
}
function initSurgeryTools(form) {
bindSurgeryTermLookup(form, 'surgery', 'new_surgery_name', 'discharge_surgery_suggest', 'new_surgery_master_id', 'discharge_surgery_status');
bindSurgeryTermLookup(form, 'procedure', 'new_procedure_name', 'discharge_procedure_suggest', 'new_procedure_master_id', 'discharge_surgery_status');
initSurgeryMasterCrud(form);
}
function bindDiagnosisIcdLookup(form) {
var lookup = document.getElementById('new_diagnosis_name');
var suggest = document.getElementById('discharge_diagnosis_suggest');
var seedBtn = document.getElementById('btn_discharge_seed_icd');
if (!lookup || !suggest || !window.jQuery) {
return;
}
if (lookup.dataset.lookupBound === '1') {
return;
}
lookup.dataset.lookupBound = '1';
var suggestions = [];
function diagnosisLabel(row) {
var name = (row.name || '').toString();
var code = (row.icd_code || '').toString().trim();
if (code !== '') {
return name + ' (ICD ' + code + ')';
}
return name;
}
lookup.addEventListener('input', function() {
var q = (lookup.value || '').trim();
if (q.length < 2) {
return;
}
$.get('http://localhost:8080/Ipd_discharge/diagnosis_icd_lookup?q=' + encodeURIComponent(q), function(data) {
suggestions = (data && data.rows) ? data.rows : [];
var html = '';
suggestions.forEach(function(row) {
html += '<option value="' + $('<div>').text(diagnosisLabel(row)).html() + '"></option>';
});
suggest.innerHTML = html;
}, 'json');
});
function applyDiagnosisSelection() {
var inputVal = (lookup.value || '').trim();
if (inputVal === '') {
setSectionStatus('discharge_diagnosis_status', '', 'muted');
return;
}
var chosen = null;
suggestions.forEach(function(row) {
var label = diagnosisLabel(row);
var name = (row.name || '').toString();
if (label.toUpperCase() === inputVal.toUpperCase() || name.toUpperCase() === inputVal.toUpperCase()) {
chosen = row;
}
});
if (chosen) {
var diagnosisText = (chosen.name || '').toString().trim();
var code = (chosen.icd_code || '').toString().trim();
if (code !== '') {
diagnosisText += ' [ICD: ' + code + ']';
}
lookup.value = diagnosisText;
setSectionStatus('discharge_diagnosis_status', code !== '' ? 'Diagnosis with ICD selected. Click +ADD to save row.' : 'Diagnosis selected. Click +ADD to save row.', 'success');
return;
}
setSectionStatus('discharge_diagnosis_status', 'Custom diagnosis ready. Click +ADD to save row.', 'success');
}
lookup.addEventListener('change', applyDiagnosisSelection);
lookup.addEventListener('blur', applyDiagnosisSelection);
if (seedBtn) {
if (seedBtn.dataset.seedBound === '1') {
return;
}
seedBtn.dataset.seedBound = '1';
seedBtn.addEventListener('click', function() {
var csrf = getCsrfPair(form);
var payload = {};
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Ipd_discharge/diagnosis_icd_seed_starter', payload, function(data) {
updateFormCsrf(form, data);
if (!data || parseInt(data.update || '0', 10) !== 1) {
setSectionStatus('discharge_diagnosis_status', (data && data.error_text) ? data.error_text : 'Unable to load ICD starter.', 'error');
return;
}
setSectionStatus('discharge_diagnosis_status', data.error_text || 'ICD starter loaded.', 'success');
}, 'json').fail(function() {
setSectionStatus('discharge_diagnosis_status', 'ICD starter request failed.', 'error');
});
});
}
}
function bindAiRewrite(form, btnId, sourceId, mode, statusId, emptyMsg) {
var btn = document.getElementById(btnId);
var source = document.getElementById(sourceId);
if (!btn || !source) {
return;
}
btn.addEventListener('click', function() {
var text = (source.value || '').trim();
if (text === '') {
setSectionStatus(statusId, emptyMsg || 'Type text first.', 'error');
return;
}
if (!window.jQuery) {
return;
}
var csrf = getCsrfPair(form);
var payload = {
text: text,
mode: mode
};
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Opd_prescription/clinical_autotype', payload, function(data) {
if (data && data.csrfName && data.csrfHash) {
var csrfInput = form.querySelector('input[name="' + data.csrfName + '"]');
if (csrfInput) {
csrfInput.value = data.csrfHash;
}
}
if (!data || parseInt(data.update || '0', 10) !== 1) {
setSectionStatus(statusId, (data && data.error_text) ? data.error_text : 'Unable to process AI text.', 'error');
return;
}
source.value = (data.draft_text || text);
setSectionStatus(statusId, (data.error_text || 'AI text ready.'), 'success');
}, 'json').fail(function() {
setSectionStatus(statusId, 'AI request failed.', 'error');
});
});
}
function initDiagnosisTools() {
var section = document.getElementById('section-diagnosis');
if (!section || section.dataset.toolsBound === '1') {
return;
}
section.dataset.toolsBound = '1';
var form = section.closest('form');
if (!form) {
return;
}
bindDiagnosisIcdLookup(form);
bindAiRewrite(form, 'btn_discharge_ai_diagnosis', 'diagnosis_remark', 'diagnosis', 'discharge_diagnosis_status', 'Type diagnosis narrative first.');
bindAiRewrite(form, 'btn_discharge_hinglish_diagnosis', 'diagnosis_remark', 'hinglish_to_english', 'discharge_diagnosis_status', 'Type diagnosis narrative first.');
}
function initCourseTools() {
var section = document.getElementById('section-course');
if (!section || section.dataset.toolsBound === '1') {
return;
}
section.dataset.toolsBound = '1';
var form = section.closest('form');
if (!form) {
return;
}
bindSmartTermInputLookup(
form,
'new_course_name',
'discharge_course_suggest',
'discharge_course_status',
'Custom term ready. Click +ADD to save row.'
);
bindAiRewrite(form, 'btn_discharge_ai_course', 'course_remark', 'autotype', 'discharge_course_status', 'Type course narrative first.');
bindAiRewrite(form, 'btn_discharge_hinglish_course', 'course_remark', 'hinglish_to_english', 'discharge_course_status', 'Type course narrative first.');
}
function initInstructionTools() {
var section = document.getElementById('section-instructions');
if (!section || section.dataset.toolsBound === '1') {
return;
}
section.dataset.toolsBound = '1';
var addSelectedBtn = section.querySelector('#btn_instruction_add_selected_food');
var clearBtn = section.querySelector('#btn_instruction_clear_food');
var remark = section.querySelector('#instruction_remark');
var other = section.querySelector('#instruction_other');
var preview = section.querySelector('#instruction_selected_preview');
var autoSaveTimer = null;
var autoSaveBusy = false;
function saveInstructionSectionImmediate() {
var activeForm = section.closest('form') || getDischargeForm();
if (!activeForm || autoSaveBusy) {
return;
}
if (!window.jQuery) {
return;
}
autoSaveBusy = true;
var csrf = getCsrfPair(activeForm);
var payload = {
action: 'save_main',
dietary_autosave: '1',
instruction_other: other ? String(other.value || '').trim() : ''
};
payload[csrf.name] = csrf.value;
section.querySelectorAll('.instruction-food-item:checked').forEach(function(item) {
var id = parseInt(item.value || '0', 10);
if (id > 0) {
if (!Array.isArray(payload.instruction_food_ids)) {
payload.instruction_food_ids = [];
}
payload.instruction_food_ids.push(String(id));
}
});
window.jQuery.ajax({
url: activeForm.getAttribute('action') || window.location.href,
type: 'POST',
data: payload,
dataType: 'json',
timeout: 120000
}).done(function(data) {
updateFormCsrf(activeForm, data || {});
if (data && parseInt(data.update || '0', 10) === 1) {
setSectionStatus('discharge_instruction_status', 'Dietary advice saved.', 'success');
} else {
setSectionStatus('discharge_instruction_status', (data && data.error_text) ? data.error_text : 'Unable to save dietary advice.', 'error');
}
}).always(function() {
autoSaveBusy = false;
});
}
function saveInstructionSection() {
if (autoSaveTimer) {
window.clearTimeout(autoSaveTimer);
}
autoSaveTimer = window.setTimeout(function() {
saveInstructionSectionImmediate();
}, 180);
}
function refreshInstructionPreview() {
if (!preview) {
return;
}
var lines = [];
section.querySelectorAll('.instruction-food-item:checked').forEach(function(item) {
var heading = String(item.getAttribute('data-food-short') || '').trim();
var lang = String(item.getAttribute('data-food-lang') || '').trim();
var desc = String(item.getAttribute('data-food-desc') || '').trim();
var body = lang !== '' ? lang : desc;
if (heading === '' && body === '') {
return;
}
var line = heading !== '' ? ('<strong>' + heading + ':</strong> ') : '';
line += body !== '' ? body : heading;
lines.push('<div>' + line + '</div>');
});
var otherText = other ? String(other.value || '').trim() : '';
if (otherText !== '') {
lines.push('<div><strong>Other:</strong> ' + otherText + '</div>');
}
preview.innerHTML = lines.length ? lines.join('') : '<span class="text-muted">No dietary advice selected.</span>';
}
function appendLinesToAdvice(lines) {
if (!remark || !Array.isArray(lines) || !lines.length) {
return;
}
var existing = String(remark.value || '').trim();
var bucket = existing === '' ? [] : existing.split(/\r?\n/).map(function(line) {
return String(line || '').trim();
}).filter(function(line) {
return line !== '';
});
lines.forEach(function(line) {
var normalized = String(line || '').trim();
if (normalized === '') {
return;
}
if (bucket.some(function(prev) { return prev.toUpperCase() === normalized.toUpperCase(); })) {
return;
}
bucket.push(normalized);
});
remark.value = bucket.join('\n');
}
if (addSelectedBtn && addSelectedBtn.dataset.bound !== '1') {
addSelectedBtn.dataset.bound = '1';
addSelectedBtn.addEventListener('click', function() {
var lines = [];
section.querySelectorAll('.instruction-food-item:checked').forEach(function(item) {
var desc = String(item.getAttribute('data-food-desc') || '').trim();
var shortText = String(item.getAttribute('data-food-short') || '').trim();
var text = desc !== '' ? desc : shortText;
if (text !== '') {
lines.push(text);
}
});
var otherText = other ? String(other.value || '').trim() : '';
if (otherText !== '') {
lines.push(otherText);
}
appendLinesToAdvice(lines);
});
}
if (clearBtn && clearBtn.dataset.bound !== '1') {
clearBtn.dataset.bound = '1';
clearBtn.addEventListener('click', function() {
section.querySelectorAll('.instruction-food-item:checked').forEach(function(item) {
item.checked = false;
});
refreshInstructionPreview();
saveInstructionSection();
});
}
section.querySelectorAll('.instruction-food-item').forEach(function(item) {
if (item.dataset.bound === '1') {
return;
}
item.dataset.bound = '1';
item.addEventListener('change', function() {
refreshInstructionPreview();
saveInstructionSection();
});
});
if (other && other.dataset.bound !== '1') {
other.dataset.bound = '1';
other.addEventListener('input', refreshInstructionPreview);
}
refreshInstructionPreview();
initDietaryMasterCrud(getDischargeForm());
}
function initDietaryMasterCrud(form) {
if (!window.jQuery) {
return;
}
if (window.__ipdFoodCrudBound === true) {
return;
}
window.__ipdFoodCrudBound = true;
var $search = $('#food_master_search');
var $rows = $('#food_master_rows');
function setFoodStatus(text, level) {
setSectionStatus('food_master_status', text, level || 'muted');
}
function clearFoodForm() {
$('#food_master_id').val('0');
$('#food_master_short').val('');
$('#food_master_desc').val('');
$('#food_master_lang').val('');
}
function rowHtml(row) {
var safeShort = $('<div>').text(row.food_short || '').html();
var safeDesc = $('<div>').text(row.food_desc || '').html();
var safeLang = $('<div>').text(row.food_desc_lang || '').html();
return '<tr>'
+ '<td>' + safeShort + '</td>'
+ '<td>' + safeDesc + '</td>'
+ '<td>' + safeLang + '</td>'
+ '<td>'
+ '<button type="button" class="btn btn-outline-primary btn-sm btn-food-edit" data-id="' + (row.id || 0) + '">Edit</button> '
+ '<button type="button" class="btn btn-outline-danger btn-sm btn-food-delete" data-id="' + (row.id || 0) + '">Del</button>'
+ '</td>'
+ '</tr>';
}
function fetchFoodRows() {
var q = ($search.val() || '').toString().trim();
$.get('http://localhost:8080/Ipd_discharge/dietary_master_list?q=' + encodeURIComponent(q), function(data) {
var rows = (data && data.rows) ? data.rows : [];
foodMasterState = rows;
if (!rows.length) {
$rows.html('<tr><td colspan="4" class="text-center text-muted">No records.</td></tr>');
return;
}
var html = '';
rows.forEach(function(row) {
html += rowHtml(row);
});
$rows.html(html);
}, 'json').fail(function() {
setFoodStatus('Unable to load dietary master list.', 'error');
});
}
$(document).on('click', '#btn_discharge_manage_food_master', function() {
clearFoodForm();
setFoodStatus('', 'muted');
fetchFoodRows();
showModalById('ipdDietaryMasterModal');
});
$('#btn_food_master_refresh').on('click', fetchFoodRows);
$search.on('input', fetchFoodRows);
$('#btn_food_master_clear').on('click', clearFoodForm);
$(document).on('click', '.btn-food-edit', function() {
var id = parseInt($(this).data('id') || '0', 10);
var row = (foodMasterState || []).find(function(item) {
return parseInt(item.id || '0', 10) === id;
}) || null;
if (!row) {
return;
}
$('#food_master_id').val(String(row.id || 0));
$('#food_master_short').val((row.food_short || '').toString());
$('#food_master_desc').val((row.food_desc || '').toString());
$('#food_master_lang').val((row.food_desc_lang || '').toString());
});
$(document).on('click', '.btn-food-delete', function() {
var id = parseInt($(this).data('id') || '0', 10);
if (id <= 0) {
return;
}
if (!window.confirm('Delete this dietary master row?')) {
return;
}
var csrf = getCsrfPair(form);
var payload = { id: id };
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Ipd_discharge/dietary_master_delete', payload, function(data) {
updateFormCsrf(form, data);
if (!data || parseInt(data.update || '0', 10) !== 1) {
setFoodStatus((data && data.error_text) ? data.error_text : 'Unable to delete record.', 'error');
return;
}
setFoodStatus('Record deleted.', 'success');
fetchFoodRows();
}, 'json').fail(function() {
setFoodStatus('Delete failed.', 'error');
});
});
$('#btn_food_master_save').on('click', function() {
var shortText = ($('#food_master_short').val() || '').toString().trim();
if (shortText === '') {
setFoodStatus('Short heading is required.', 'error');
return;
}
var csrf = getCsrfPair(form);
var payload = {
id: parseInt($('#food_master_id').val() || '0', 10),
food_short: shortText,
food_desc: ($('#food_master_desc').val() || '').toString().trim(),
food_desc_lang: ($('#food_master_lang').val() || '').toString().trim()
};
payload[csrf.name] = csrf.value;
$.post('http://localhost:8080/Ipd_discharge/dietary_master_save', payload, function(data) {
updateFormCsrf(form, data);
if (!data || parseInt(data.update || '0', 10) !== 1) {
setFoodStatus((data && data.error_text) ? data.error_text : 'Unable to save record.', 'error');
return;
}
setFoodStatus('Record saved.', 'success');
clearFoodForm();
fetchFoodRows();
}, 'json').fail(function() {
setFoodStatus('Save failed.', 'error');
});
});
}
function initMedicineTools() {
var section = document.getElementById('section-medicine');
if (!section || section.dataset.toolsBound === '1') {
return;
}
section.dataset.toolsBound = '1';
if (!window.jQuery) {
return;
}
var suggestRows = [];
var rxGroupCache = [];
var medInput = section.querySelector('#new_drug_name');
var medSuggest = section.querySelector('#discharge_med_suggest');
var medType = section.querySelector('#new_drug_type');
var medWhen = section.querySelector('#new_drug_when');
var medFreq = section.querySelector('#new_drug_freq');
var rxGroupInput = section.querySelector('#selected_rx_group_id');
var rxGroupName = section.querySelector('#rx_group_selected_name');
var rxGroupList = document.getElementById('discharge_rx_group_list');
var rxGroupSearch = document.getElementById('discharge_rx_group_search');
var applyBtn = section.querySelector('#btn_apply_rx_group');
function normalizeRxShortCode(raw, kind) {
var v = String(raw || '').trim();
if (v === '') {
return '';
}
var key = v.replace(/\./g, '').replace(/\s+/g, '').toUpperCase();
if (kind === 'when') {
var whenMap = {
'BEFOREFOOD': 'BF',
'BFOOD': 'BF',
'BF': 'BF',
'AF': 'AF',
'AFOOD': 'AF',
'AFTERFOOD': 'AF',
'WF': 'WF',
'WFOOD': 'WF',
'WITHFOOD': 'WF'
};
return whenMap[key] || key;
}
var freqMap = {
'OD': 'OD',
'QD': 'OD',
'ONCEDAILY': 'OD',
'BD': 'BD',
'BID': 'BD',
'TWICEDAILY': 'BD',
'TDS': 'TDS',
'TID': 'TDS',
'THRICEDAILY': 'TDS',
'HS': 'HS',
'QHS': 'HS',
'QID': 'QID',
'SOS': 'SOS'
};
return freqMap[key] || key;
}
function setMedicineStatus(text, level) {
setSectionStatus('discharge_medicine_status', text, level || 'muted');
}
function renderRxGroups() {
if (!rxGroupList) {
return;
}
var q = rxGroupSearch ? String(rxGroupSearch.value || '').trim().toLowerCase() : '';
var html = '';
rxGroupCache.forEach(function(row) {
var id = parseInt(row.id || '0', 10);
var name = String(row.rx_group_name || '').trim();
if (id <= 0 || name === '') {
return;
}
if (q !== '' && name.toLowerCase().indexOf(q) === -1) {
return;
}
var medCount = parseInt(row.med_count || '0', 10);
var label = name + (medCount > 0 ? (' (' + medCount + ')') : '');
html += '<button type="button" class="btn btn-outline-secondary btn-sm js-discharge-rx-group" data-id="' + id + '" data-name="' + $('<div>').text(name).html() + '">' + $('<div>').text(label).html() + '</button>';
});
rxGroupList.innerHTML = html || '<div class="text-muted small">No Rx Group found.</div>';
}
function loadRxGroups() {
$.get('http://localhost:8080/Opd_prescription/save_rx_group_list/0', function(data) {
rxGroupCache = (data && data.rows) ? data.rows : [];
renderRxGroups();
}, 'json').fail(function() {
setMedicineStatus('Unable to load Rx Groups.', 'error');
});
}
medInput.addEventListener('input', function() {
var q = String(medInput.value || '').trim();
if (q.length < 2) {
return;
}
$.get('http://localhost:8080/Opd_prescription/medicine_search?q=' + encodeURIComponent(q) + '&scope=active', function(data) {
suggestRows = (data && data.rows) ? data.rows : [];
var html = '';
suggestRows.forEach(function(row) {
var name = String(row.med_name || '').trim();
if (name === '') {
return;
}
html += '<option value="' + $('<div>').text(name).html() + '"></option>';
});
if (medSuggest) {
medSuggest.innerHTML = html;
}
}, 'json');
});
medInput.addEventListener('change', function() {
var value = String(medInput.value || '').trim().toUpperCase();
if (value === '') {
return;
}
var matched = null;
suggestRows.forEach(function(row) {
if (String(row.med_name || '').trim().toUpperCase() === value) {
matched = row;
}
});
if (matched && medType && String(medType.value || '').trim() === '') {
medType.value = String(matched.med_type || '').trim();
}
});
section.querySelectorAll('.rx-quick-btn').forEach(function(btn) {
btn.addEventListener('click', function() {
var targetId = String(btn.getAttribute('data-fill-target') || '').trim();
var value = String(btn.getAttribute('data-fill-value') || '').trim();
var target = targetId ? section.querySelector('#' + targetId) : null;
if (target) {
if (targetId === 'new_drug_when') {
target.value = normalizeRxShortCode(value, 'when');
} else if (targetId === 'new_drug_freq') {
target.value = normalizeRxShortCode(value, 'freq');
} else {
target.value = value;
}
}
});
});
if (medWhen && medWhen.dataset.shortBound !== '1') {
medWhen.dataset.shortBound = '1';
medWhen.addEventListener('blur', function() {
medWhen.value = normalizeRxShortCode(medWhen.value, 'when');
});
medWhen.addEventListener('change', function() {
medWhen.value = normalizeRxShortCode(medWhen.value, 'when');
});
}
if (medFreq && medFreq.dataset.shortBound !== '1') {
medFreq.dataset.shortBound = '1';
medFreq.addEventListener('blur', function() {
medFreq.value = normalizeRxShortCode(medFreq.value, 'freq');
});
medFreq.addEventListener('change', function() {
medFreq.value = normalizeRxShortCode(medFreq.value, 'freq');
});
}
var openRxBtn = section.querySelector('#btn_open_rx_group_modal');
if (openRxBtn) {
openRxBtn.addEventListener('click', function() {
loadRxGroups();
showModalById('dischargeRxGroupModal');
});
}
if (rxGroupSearch) {
if (rxGroupSearch.dataset.bound !== '1') {
rxGroupSearch.dataset.bound = '1';
rxGroupSearch.addEventListener('input', function() {
renderRxGroups();
});
}
}
if (window.__dischargeRxGroupSelectBound !== true) {
window.__dischargeRxGroupSelectBound = true;
$(document).on('click', '.js-discharge-rx-group', function() {
var id = parseInt($(this).data('id') || '0', 10);
var name = String($(this).data('name') || '').trim();
var activeSection = document.getElementById('section-medicine');
if (!activeSection || id <= 0) {
return;
}
var activeRxInput = activeSection.querySelector('#selected_rx_group_id');
var activeRxLabel = activeSection.querySelector('#rx_group_selected_name');
var activeApplyBtn = activeSection.querySelector('#btn_apply_rx_group');
if (!activeRxInput) {
return;
}
activeRxInput.value = String(id);
if (activeRxLabel) {
activeRxLabel.textContent = name ? ('Selected: ' + name) : ('Selected Rx Group #' + id);
}
hideModalById('dischargeRxGroupModal');
if (activeApplyBtn) {
activeApplyBtn.click();
}
});
}
}
function syncEditorValues() {
if (!window.CKEDITOR) {
return;
}
for (var key in CKEDITOR.instances) {
if (Object.prototype.hasOwnProperty.call(CKEDITOR.instances, key)) {
CKEDITOR.instances[key].updateElement();
}
}
}
initComplaintEditor();
initComplaintTools();
initSurgeryTools(getDischargeForm());
initDiagnosisTools();
initCourseTools();
initMedicineTools();
initInstructionTools();
bindNarrativeTemplateTools();
function patchNoticeFromHtml(holder) {
var nextNotice = holder.querySelector('.alert[role="alert"]');
var currentNotice = document.querySelector('.alert[role="alert"]');
if (!nextNotice) {
return;
}
if (currentNotice) {
currentNotice.outerHTML = nextNotice.outerHTML;
return;
}
var cardBody = document.querySelector('.discharge-main-card .card-body');
if (cardBody) {
cardBody.insertAdjacentHTML('afterbegin', nextNotice.outerHTML);
}
}
function notifyFromHtml(holder) {
var nextNotice = holder.querySelector('.alert[role="alert"]');
if (!nextNotice) {
return;
}
var text = (nextNotice.textContent || '').trim();
if (text === '') {
return;
}
var level = 'info';
if (nextNotice.classList.contains('alert-success')) {
level = 'success';
} else if (nextNotice.classList.contains('alert-warning')) {
level = 'warning';
} else if (nextNotice.classList.contains('alert-danger')) {
level = 'error';
}
if (typeof window.notify === 'function') {
window.notify(level, 'Discharge Update', text);
}
}
function updateCsrfFromHtml(holder, form) {
var nextCsrf = holder.querySelector('input[name="csrf_test_name"], input[name^="csrf_"]');
var currentCsrf = form.querySelector('input[name="csrf_test_name"], input[name^="csrf_"]');
if (nextCsrf && currentCsrf) {
currentCsrf.name = nextCsrf.name;
currentCsrf.value = nextCsrf.value;
}
}
function syncClinicalLabSelection(form) {
var hidden = form.querySelector('#lab_investigation_list');
if (!hidden) {
return;
}
var checked = form.querySelectorAll('.clinical-lab-check:checked');
var values = [];
checked.forEach(function(el) {
if (el.value) {
values.push(el.value);
}
});
hidden.value = values.join(',');
var nonPathHidden = form.querySelector('#non_path_investigation_list');
if (!nonPathHidden) {
return;
}
var checkedNonPath = form.querySelectorAll('.clinical-nonpath-check:checked');
var nonPathValues = [];
checkedNonPath.forEach(function(el) {
if (el.value) {
nonPathValues.push(el.value);
}
});
nonPathHidden.value = nonPathValues.join(',');
}
function clearNabhFieldErrors(form) {
var status = form.querySelector('#drug_allergy_status');
var details = form.querySelector('#drug_allergy_details');
var statusErr = form.querySelector('#drug_allergy_status_error');
var detailsErr = form.querySelector('#drug_allergy_details_error');
if (status) {
status.classList.remove('is-invalid');
}
if (details) {
details.classList.remove('is-invalid');
}
if (statusErr) {
statusErr.textContent = '';
statusErr.style.display = 'none';
}
if (detailsErr) {
detailsErr.textContent = '';
detailsErr.style.display = 'none';
}
}
function markNabhFieldError(form, selector, message) {
var el = form.querySelector(selector);
if (el) {
el.classList.add('is-invalid');
}
if (selector === '#drug_allergy_status') {
var statusErr = form.querySelector('#drug_allergy_status_error');
if (statusErr) {
statusErr.textContent = message || 'This field is required.';
statusErr.style.display = 'block';
}
}
if (selector === '#drug_allergy_details') {
var detailsErr = form.querySelector('#drug_allergy_details_error');
if (detailsErr) {
detailsErr.textContent = message || 'This field is required.';
detailsErr.style.display = 'block';
}
}
}
function syncCoMorbidityHidden(form) {
var hidden = form.querySelector('#co_morbidities');
if (!hidden) {
return;
}
var parts = [];
var checked = form.querySelectorAll('.co-morbidity-item:checked');
checked.forEach(function(item) {
var val = (item.value || '').trim();
if (val !== '') {
parts.push(val);
}
});
var other = form.querySelector('#co_morbidities_other');
if (other) {
var otherValue = (other.value || '').trim();
if (otherValue !== '') {
parts.push(otherValue);
}
}
hidden.value = parts.join(', ');
}
function validateNabhHistorySection(form) {
clearNabhFieldErrors(form);
var statusEl = form.querySelector('#drug_allergy_status');
var detailsEl = form.querySelector('#drug_allergy_details');
if (!statusEl) {
return true;
}
var status = (statusEl.value || '').trim();
var details = detailsEl ? (detailsEl.value || '').trim() : '';
if (status === '') {
statusEl.value = 'Allergies Not Known';
status = 'Allergies Not Known';
}
if (status.toLowerCase() === 'known' && details === '') {
markNabhFieldError(form, '#drug_allergy_details', 'Drug Allergy Details are required when Drug Allergy Status is Known.');
return false;
}
return true;
}
function initNabhHistorySection(form) {
if (!form) {
return;
}
syncCoMorbidityHidden(form);
var status = form.querySelector('#drug_allergy_status');
var details = form.querySelector('#drug_allergy_details');
if (status) {
status.addEventListener('change', function() {
clearNabhFieldErrors(form);
});
}
if (details) {
details.addEventListener('input', function() {
clearNabhFieldErrors(form);
});
}
var coItems = form.querySelectorAll('.co-morbidity-item');
coItems.forEach(function(item) {
item.addEventListener('change', function() {
syncCoMorbidityHidden(form);
});
});
var other = form.querySelector('#co_morbidities_other');
if (other) {
other.addEventListener('input', function() {
syncCoMorbidityHidden(form);
});
}
var copyBtn = form.querySelector('#btn_copy_hpi_to_complaints');
if (copyBtn && copyBtn.dataset.bound !== '1') {
copyBtn.dataset.bound = '1';
copyBtn.addEventListener('click', function() {
var hpiEl = form.querySelector('textarea[name="hpi_note"]');
var hpiText = hpiEl ? String(hpiEl.value || '').trim() : '';
if (hpiText === '') {
if (typeof window.notify === 'function') {
window.notify('warning', 'Discharge Update', 'H&P note is empty.');
}
return;
}
var complaintEl = form.querySelector('#complaint_remark_editor');
if (!complaintEl) {
return;
}
var existing = '';
if (window.CKEDITOR && CKEDITOR.instances && CKEDITOR.instances.complaint_remark_editor) {
existing = String(CKEDITOR.instances.complaint_remark_editor.getData() || '').trim();
} else {
existing = String(complaintEl.value || '').trim();
}
var finalText = hpiText;
if (existing !== '') {
var append = window.confirm('Other Complaints already has text. Click OK to append H&P note, Cancel to replace.');
finalText = append ? (existing + '\n\n' + hpiText) : hpiText;
}
complaintEl.value = finalText;
if (window.CKEDITOR && CKEDITOR.instances && CKEDITOR.instances.complaint_remark_editor) {
CKEDITOR.instances.complaint_remark_editor.setData(finalText);
}
if (typeof window.notify === 'function') {
window.notify('success', 'Discharge Update', 'H&P note copied to Other Complaints.');
}
});
}
}
function patchSectionFromHtml(holder, sectionId) {
if (!sectionId) {
return false;
}
var nextSection = holder.querySelector('#' + sectionId);
var currentSection = document.getElementById(sectionId);
if (!nextSection || !currentSection) {
return false;
}
currentSection.outerHTML = nextSection.outerHTML;
return true;
}
function patchComplaintSectionFromHtml(holder, form) {
patchSectionFromHtml(holder, 'section-complaints');
updateCsrfFromHtml(holder, form);
patchNoticeFromHtml(holder);
}
function patchFormAreaFromHtml(holder) {
var nextTitle = holder.querySelector('.discharge-page-title');
var currentTitle = document.querySelector('.discharge-page-title');
if (nextTitle && currentTitle) {
currentTitle.outerHTML = nextTitle.outerHTML;
}
var nextArea = holder.querySelector('.discharge-form-area');
var currentArea = document.querySelector('.discharge-form-area');
if (nextArea && currentArea) {
currentArea.outerHTML = nextArea.outerHTML;
}
patchNoticeFromHtml(holder);
}
function bindDischargeAjaxSubmit() {
var form = document.querySelector('form[action*="Ipd_discharge/ipd_select/"]');
if (!form || form.dataset.ajaxBound === '1') {
return;
}
form.dataset.ajaxBound = '1';
var lastSubmitControl = null;
initNabhHistorySection(form);
form.addEventListener('click', function(evt) {
var el = evt.target;
if (!el) {
return;
}
var submitControl = el.closest('button[type="submit"], input[type="submit"]');
if (submitControl) {
lastSubmitControl = submitControl;
}
});
form.addEventListener('submit', function(e) {
e.preventDefault();
syncEditorValues();
syncClinicalLabSelection(form);
syncCoMorbidityHidden(form);
if (!validateNabhHistorySection(form)) {
return;
}
if (!window.jQuery) {
form.submit();
return;
}
var $form = window.jQuery(form);
var payloadArray = $form.serializeArray();
var submitter = e.submitter || lastSubmitControl;
if (submitter && submitter.name) {
var exists = payloadArray.some(function(item) {
return item.name === submitter.name;
});
if (!exists) {
payloadArray.push({
name: submitter.name,
value: submitter.value || ''
});
}
}
var payload = window.jQuery.param(payloadArray);
var actionValue = submitter && submitter.name === 'action' ? String(submitter.value || '') : '';
var saveMode = submitter && submitter.dataset ? String(submitter.dataset.saveMode || '').toLowerCase() : '';
var statusTargetId = submitter && submitter.dataset ? String(submitter.dataset.statusId || '').trim() : '';
var isComplaintAction = actionValue === 'add_complaint' || actionValue === 'remove_complaint';
var isMedicineAction = actionValue === 'add_drug' || actionValue === 'remove_drug' || actionValue === 'apply_rx_group';
var targetSectionId = '';
if (saveMode === 'json') {
payloadArray.push({
name: 'ajax_mode',
value: 'json'
});
payload = window.jQuery.param(payloadArray);
}
if (submitter && submitter.dataset && submitter.dataset.reloadSection) {
targetSectionId = String(submitter.dataset.reloadSection);
}
if (!targetSectionId && submitter && typeof submitter.closest === 'function') {
var sectionCard = submitter.closest('.card[id]');
if (sectionCard && sectionCard.id) {
targetSectionId = sectionCard.id;
}
}
if (isMedicineAction) {
targetSectionId = 'section-medicine';
}
window.jQuery.ajax({
url: form.getAttribute('action') || window.location.href,
type: 'POST',
data: payload,
dataType: saveMode === 'json' ? 'json' : 'html',
timeout: 120000
}).done(function(result) {
if (saveMode === 'json') {
updateFormCsrf(form, result || {});
if (statusTargetId !== '') {
var level = result && String(result.notice_type || '').toLowerCase() === 'warning' ? 'error' : 'success';
if (!result || parseInt(result.update || '0', 10) !== 1) {
level = 'error';
}
setSectionStatus(statusTargetId, (result && result.error_text) ? String(result.error_text) : 'Save completed.', level);
}
return;
}
var html = String(result || '');
var holder = document.createElement('div');
holder.innerHTML = html;
updateCsrfFromHtml(holder, form);
patchNoticeFromHtml(holder);
notifyFromHtml(holder);
if (isComplaintAction) {
patchComplaintSectionFromHtml(holder, form);
initComplaintEditor();
initComplaintTools();
initSurgeryTools(document.querySelector('form[action*="Ipd_discharge/ipd_select/"]'));
initDiagnosisTools();
initCourseTools();
initMedicineTools();
initInstructionTools();
bindDischargeAjaxSubmit();
initNabhHistorySection(document.querySelector('form[action*="Ipd_discharge/ipd_select/"]'));
syncNavOnScroll();
return;
}
if (patchSectionFromHtml(holder, targetSectionId)) {
if (targetSectionId === 'section-complaints') {
initComplaintEditor();
initComplaintTools();
initNabhHistorySection(document.querySelector('form[action*="Ipd_discharge/ipd_select/"]'));
} else if (targetSectionId === 'section-systemic') {
initComplaintEditor();
initNabhHistorySection(document.querySelector('form[action*="Ipd_discharge/ipd_select/"]'));
} else if (targetSectionId === 'section-nursing-history') {
initNabhHistorySection(document.querySelector('form[action*="Ipd_discharge/ipd_select/"]'));
} else if (targetSectionId === 'section-surgery') {
initSurgeryTools(document.querySelector('form[action*="Ipd_discharge/ipd_select/"]'));
} else if (targetSectionId === 'section-diagnosis') {
initDiagnosisTools();
} else if (targetSectionId === 'section-course') {
initCourseTools();
} else if (targetSectionId === 'section-medicine') {
initMedicineTools();
} else if (targetSectionId === 'section-instructions') {
initInstructionTools();
}
bindDischargeAjaxSubmit();
syncNavOnScroll();
return;
}
patchFormAreaFromHtml(holder);
initComplaintEditor();
initComplaintTools();
initSurgeryTools(document.querySelector('form[action*="Ipd_discharge/ipd_select/"]'));
initDiagnosisTools();
initCourseTools();
initMedicineTools();
initInstructionTools();
bindDischargeAjaxSubmit();
syncNavOnScroll();
}).fail(function() {
alert('Unable to save right now. Please retry.');
});
});
}
bindDischargeAjaxSubmit();
var navLinks = document.querySelectorAll('.discharge-nav-link');
var sectionIds = [
'section-complaints',
'section-physical',
'section-investigation',
'section-admission',
'section-surgery',
'section-diagnosis',
'section-summary-invest',
'section-course',
'section-condition',
'section-medicine',
'section-instructions'
];
function setActiveNavBySection(sectionId) {
navLinks.forEach(function(link) {
link.classList.toggle('active', link.getAttribute('data-target') === sectionId);
});
}
function getFormScrollContainer() {
var container = document.querySelector('.discharge-form-area');
if (!container) {
return null;
}
var style = window.getComputedStyle(container);
var isScrollable = (style.overflowY === 'auto' || style.overflowY === 'scroll')
&& container.scrollHeight > container.clientHeight;
return isScrollable ? container : null;
}
navLinks.forEach(function(link) {
link.addEventListener('click', function(e) {
e.preventDefault();
var sectionId = link.getAttribute('data-target');
var section = document.getElementById(sectionId);
if (!section) {
return;
}
var container = getFormScrollContainer();
if (container) {
var cRect = container.getBoundingClientRect();
var sRect = section.getBoundingClientRect();
var nextTop = container.scrollTop + (sRect.top - cRect.top) - 8;
container.scrollTo({ top: Math.max(nextTop, 0), behavior: 'smooth' });
} else {
section.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
setActiveNavBySection(sectionId);
});
});
function syncNavOnScroll() {
var container = getFormScrollContainer();
var referenceTop = 120;
if (container) {
referenceTop = container.getBoundingClientRect().top + 12;
}
var bestSection = sectionIds[0];
var bestDelta = Number.POSITIVE_INFINITY;
sectionIds.forEach(function(id) {
var section = document.getElementById(id);
if (!section) {
return;
}
var rect = section.getBoundingClientRect();
var delta = Math.abs(rect.top - referenceTop);
if (delta < bestDelta) {
bestDelta = delta;
bestSection = id;
}
});
setActiveNavBySection(bestSection);
}
window.addEventListener('scroll', syncNavOnScroll, { passive: true });
document.addEventListener('scroll', function(evt) {
var target = evt.target;
if (target && target.classList && target.classList.contains('discharge-form-area')) {
syncNavOnScroll();
}
}, { passive: true, capture: true });
syncNavOnScroll();
})();
</script>
</section>
Reference in New Issue View Git Blame Copy Permalink