EVOLUTION-NINJA

Edit File: logbook_update.php

<?php echo view('includes/flow-header'); ?> <section class="spec-main spec-right1"> <div class="row"> <div class="col-sm-3"> <div class="spec-left specunderline"> <ul> <h4> <li><a href="">Reflective Anasthesia Logbook</a></li> </h4> </ul> </div> </div> <div class="col-sm-9"> <div class="row"> <div class="col-sm-11"></div> <div class="col-6 col-sm-2 mb-5 Anasthesia-go-back go-back-new2 " id="go-back-new1"> <a href="<?php echo base_url('logbook-edit'); ?>"> <!-- <i class="fa fa-arrow-left" aria-hidden="true"></i> --> BACK</a> </div> </div> <form id="logbook-form"> <div class="accordion"> <div class="accordion-item"> <div class="accordion-header accordion-header-sub">Edit Case <span class="cancle"><a><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span> <div class="accordion-border"></div> <div class="row Case_row_1"> <div class="col-sm-2"> <div class="caseno "> <p class="label_sttyle_add">Case No</p> </div> </div> <div class="col-6 case_ip_1"> <input type="text" class="caseip_1 form-control" name="case_num" value="<?= $record['case_num']; ?>" name="case_num" id="case_num" readonly> </div> </div> <div class="row Case_row_1"> <div class="col-sm-2"> <div class="caseno"> <p class="label_sttyle_add">Date<span class="mandat">*</span></p> </div> </div> <div class="col-6 case_ip_1"> <input type="date" class="date_1 form-control" id="myDateField" value="<?= $record['date_of_operate']; ?>" name="date_of_operate"> </div> </div> <div class="row Case_row_1"> <div class="col-sm-2"> <div class="caseno"> <p class="label_sttyle_add">Time<span class="mandat">*</span></p> </div> </div> <div class="col-6 case_ip_1"> <select name="time_of_operate" class="selecttime form-control"> <option value="">Select</option> <option value="Morning (8:00-13:00)" <?=($record['time_of_operate']==='Morning (8:00-13:00)' ) ? 'selected' : '' ?>>Morning (8:00-13:00)</option> <option value="Afternoon (13:00-18:00)" <?=($record['time_of_operate']==='Afternoon (13:00-18:00)' ) ? 'selected' : '' ?>>Afternoon (13:00-18:00)</option> <option value="Evening (18:00-22:00)" <?=($record['time_of_operate']==='Evening (18:00-22:00)' ) ? 'selected' : '' ?>>Evening (18:00-22:00)</option> <option value="Night (22:00- 08:00)" <?=($record['time_of_operate']==='Night (22:00- 08:00)' ) ? 'selected' : '' ?>>Night (22:00- 08:00)</option> </select> </div> </div> <div class="row Case_row_1"> <div class="col-sm-2"> <div class="caseno"> <p class="label_sttyle_add">Personal Reference</p> <!-- i btn new --> <div class="tooltip-3 per_tool_ti"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-3"> <div class="text-content-3"> <h6>To help you identify this case in the future reference.</h6> <i></i> </div> </div> </div> </div> </div> <div class="col-6 case_ip_1"> <input type="text" class="caseip_1 prefer form-control" id="validationCustom01" name="reference" value="<?= $record['reference']; ?>" placeholder="Text field"> </div> </div> </div> </div> <!------------------------ start pre op button --------------> <!-- <button class="contentButton" data-content="pre_opcontent"> </button> end pre op --> <div class="accordion-item pre_op" id="pre_opcontent"> <div class="accordion-header pre_ophd_1 pre_ophd accr-new-hea" style="background-color: #D5D5FF; border-radius: 7px;"> <img src="public/assets/logimages/Icon.png">&nbsp;&nbsp;<b>Pre-Op</b><span class="cancle"><a> <!-- <img src="public/assets/logimages/Ellipse 57.png"> --> <i class="fa fa-undo larger-icon" aria-hidden="true"></i> </a></span> </div> <div class="accordion-content"> <div class="row"> <div class="accordion-border preborder " id="preborder_1"></div> <div class="col-sm-2 ageno preborder_1"> <label class="label_sttyle_add">Age (years)</label> <input type="text" name="age" value="<?= $record['age']; ?>" class="small-border-input form-control" id="ageA"> </div> <div class="col-sm-1"></div> <div class="col-sm-2 ageno preborder_1"> <label class="label_sttyle_add">Gender</label> <select name="gender" class="small-border-input form-control" id="genderA"> <option value="">Select</option> <option value="male" <?=($record['gender']==='male' ) ? 'selected' : '' ?>>Male </option> <option value="female" <?=($record['gender']==='female' ) ? 'selected' : '' ?> >Female</option> </select> </div> <div class="col-sm-1"></div> <div class="col-sm-2 ageno preborder_1"> <p class="label_sttyle_add">ASA</p> <select name="asa" class="small-border-input asa form-control" style="margin-top: -6px;" id="ASA"> <option value="">Select</option> <option value="ASA1" <?=($record['asa']==='ASA1' ) ? 'selected' : '' ?>>ASA1 </option> <option value="ASA2" <?=($record['asa']==='ASA2' ) ? 'selected' : '' ?>>ASA2 </option> <option value="ASA3" <?=($record['asa']==='ASA3' ) ? 'selected' : '' ?>>ASA3 </option> <option value="ASA4" <?=($record['asa']==='ASA4' ) ? 'selected' : '' ?>>ASA4 </option> <option value="ASA5" <?=($record['asa']==='ASA5' ) ? 'selected' : '' ?>>ASA5 </option> <option value="ASA6" <?=($record['asa']==='ASA6' ) ? 'selected' : '' ?>>ASA6 </option> </select> </div> </div><br> <!-- <div class="row"> <div class="col-sm-6 pre_height"> <p class="alter-text-preop">Height</p> <span class="feet"> <input type="text" name="height" class="small-border-input form-control ">&nbsp;&nbsp; <p class="alter-text-preop">feet</p>&nbsp;&nbsp; <input type="text" name="height_feet" class="small-border-input form-control ">&nbsp;&nbsp; <p class="alter-text-preop ">inches or </p>&nbsp;&nbsp; <input type="text" name="height_inch" class="small-border-input form-control feet1 " id="feetinput">&nbsp;&nbsp; <p class="feet1 alter-text-preop">cms</p> </span> </div> <div class="col-sm-2 ageno"> <p class="alter-text-preop">Weight (kg)</p> <input type="text" name="weight" class="small-border-input form-control"> </div> </div><br> --> <div class="row"> <div class="col-sm-2 ageno"> <!-- <p class="alter-text-preop">BMI</p> <input type="text" name="BMI" class="small-border-input bmi form-control" placeholder=""> --> <div class="row"> <!-- <div class="col-sm-2"><label>Weight(kg)</label></div> --> <div class="col-sm-4"> <div class="form-group"> <!-- <input type="text" class="form-control weight" name="weight"> --> </div> </div> <div class="col-sm-6"></div> </div><!--row--> <div class="row heigh"> <!-- <div class="col-sm-2"><label>Height</label></div> --> <div class="col-sm-10"> <!-- <ul> <li><input type="text" class="form-control feet" name="height" id="hieght"><label>Feet</label></li> <li><input type="text" class="form-control inche" name="height_feet" id="hieght"><label>Inches &nbsp;&nbsp;or</label></li> <li><input type="text" class="form-control cm" name="height_inch" id="hieght"><label>cms</label></li> </ul> --> </div> </div><!--row--> <div class="row"> <!-- <div class="col-sm-2"><label>BMI</label></div> --> <div class="col-sm-4"> <div class="form-group"> <!-- <input type="text" class="form-control bmi" name="BMI" readonly> --> </div> </div> <div class="col-sm-6"></div> </div><!--row--> </div> <div class="col-sm-1"></div> </div> <div class="row"> <div class="col-sm-12"> <div class="row wei-mob-fl"> <div class="col-sm-2"><label class="label_sttyle_add">Weight(kg) <div class="tooltip-3"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-3"> <div class="text-content-3"> <h6>Please enter approximate values if exact weight is not known.</h6> <i></i> </div> </div> </div> </label></div> <div class="col-sm-4"> <div class="form-group wieght-lef"> <input type="number" class="form-control weight wei-wid" id="weight_check" name="weight" value="<?= $record['weight']; ?>" id="weight_check" step="any" onchange="checkweight()"> <small class="weigh1" style="color:red; display:none;">specify your weight</small> <small class="weigh2" style="color:red; display:none;">enterd weight should be greater then 1</small> </div> <!-- <input type="number" class='weight_hide'> --> </div> <div class="col-sm-2 ageno lef-hos" id="left-hos-mob"> <p class="alter-text-preop label_sttyle_add ">Hospital</p> <input type="text" name="hospital" value="<?= $record['hospital']; ?>" class="small-border-input form-control" placeholder=""> </div> </div><!--row--> <div class="row heigh"> <div class="col-sm-2"><label class="label_sttyle_add">Height</label></div> <div class="col-sm-10 mr-5 mt-2 wie-input-alt"> <ul style="list-style-type: none;"> <li><input type="text" class="form-control feet" name="height" id="height" step="any" readonly><label class="wwig-lab label_sttyle_add">Feet</label></li> <li class="wei2"><input type="number" class="form-control inche" name="height_feet" id="height_feet" step="any" readonly><label class="wwig-lab label_sttyle_add">Inches &nbsp;&nbsp;or</label> </li> <li class="wie3"><input type="number" class="form-control cm" name="height_inch" id="height_inch" step="any" readonly><label class="wwig-lab label_sttyle_add">cms</label></li> </ul> <script> var heightParts = <?= json_encode(explode(',', $record['height'])); ?>; if (heightParts.length === 3) { $('#height').val(heightParts[0]); $('#height_feet').val(heightParts[1]); $('#height_inch').val(heightParts[2]); } </script> </div> </div><!--row--> <div class="row mt-3"> <div class="col-sm-2"><label class="label_sttyle_add">BMI</label></div> <div class="col-sm-4"> <div class="form-group"> <input type="text" class="form-control bmi wei-wid1 mr-4" value="<?= $record['BMI']; ?>" name="BMI" readonly id="bmi"> </div> </div> <div class="col-sm-6"></div> </div><!--row--> <!-- co morbid start --> <div class="row"> <div class="col-sm-12"> <!--row--> <div class="row pt"> <div class="col-sm-2"> <label class="label_sttyle_add">Co-morbid Conditions</label> </div> <div class="col-sm-10"> <div class="t-switch"> <div class="row"> <div class="col-sm-6"> <div class="togle"> <label>Cardiovascular</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Cardiovascular"> <input type="checkbox" class="switch_1" value="Yes" name="Cardiovascular" id="CardiovascularCheckbox" <?=($record['Cardiovascular']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="CardiovascularContent" style="display:none;"> <input type="checkbox" id="cardio-1" name="Cardiovascular_check[]" value="Hypertension" <?=(strpos($record['Cardiovascular_check'], 'Hypertension' ) !==false) ? 'checked' : ''?>> <label for="cardio-1">Hypertension</label> <br> <input type="checkbox" id="cardio-2" name="Cardiovascular_check[]" value="Coronary Artery Disease (CAD)" <?=(strpos($record['Cardiovascular_check'], 'Coronary Artery Disease (CAD)' ) !==false) ? 'checked' : ''?>> <label for="cardio-2">Coronary Artery Disease (CAD)</label> <br> <input type="checkbox" id="cardio-3" name="Cardiovascular_check[]" value="Heart Failure" <?=(strpos($record['Cardiovascular_check'], 'Heart Failure' ) !==false) ? 'checked' : ''?>> <label for="cardio-3">Heart Failure</label> <br> <input type="checkbox" id="cardio-4" name="Cardiovascular_check[]" value="Arrhythmias" <?=(strpos($record['Cardiovascular_check'], 'Arrhythmias' ) !==false) ? 'checked' : ''?>> <label for="cardio-4">Arrhythmias</label> <br> <input type="checkbox" id="cardio-5" name="Cardiovascular_check[]" value="Valvular Heart Disease" <?=(strpos($record['Cardiovascular_check'], 'Valvular Heart Disease' ) !==false) ? 'checked' : ''?>> <label for="cardio-5">Valvular Heart Disease</label> <br> <input type="checkbox" id="cardio6" name="Cardiovascular_check[]" value="Other" <?=(strpos($record['Cardiovascular_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="cardio6">Other </label> <input type="text" name="Cardiovascular_other" value='<?php echo $record["Cardiovascular_other"];?>' class="form-control styled-input" id="cardoDiv6" style="width: 50%;" > <br> <script> const cardio6 = document.getElementById('cardio6'); const cardoDiv6 = document.getElementById('cardoDiv6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } cardio6.addEventListener('change', function () { showDivIfChecked(cardio6, cardoDiv6); }); cardio6.dispatchEvent(new Event('change')); </script> <!-- <div class="checkbox-item"> <input type="checkbox" id="oCheckbox6" name="anaesthesia_other" id="checkbox3"> <label for="oCheckbox6">Other </label> <input type="text" name="sp_other" class="form-control styled-input" id="oDiv6" style="width: 50%;"> </div> --> </div> </div> <!-- Endocrine and Metabolic --> <div class="col-sm-6"> <div class="togle"> <label>Endocrine and Metabolic</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Endocrine_and_Metabolic"> <input type="checkbox" class="switch_1" value="Yes" name="Endocrine_and_Metabolic" id="EndocrineCheckbox1" <?=($record['Endocrine_and_Metabolic']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="EndocrineContent1" style="display:none;"> <input type="checkbox" id="DiabetesMellitus" name="Endocrine_check[]" value="Diabetes Mellitus" <?=(strpos($record['Endocrine_check'], 'Diabetes Mellitus' ) !==false) ? 'checked' : ''?>> <label for="DiabetesMellitus">Diabetes Mellitus</label> <br> <input type="checkbox" id="ThyroidDisorders" name="Endocrine_check[]" value="Thyroid Disorders" <?=(strpos($record['Endocrine_check'], 'Thyroid Disorders' ) !==false) ? 'checked' : ''?>> <label for="ThyroidDisorders">Thyroid Disorders</label> <br> <input type="checkbox" id="Obesity" name="Endocrine_check[]" value="Obesity" <?=(strpos($record['Endocrine_check'], 'Obesity' ) !==false) ? 'checked' : ''?>> <label for="Obesity">Obesity</label> <br> <input type="checkbox" id="Endocrine" name="Endocrine_check[]" value="Other" <?=(strpos($record['Endocrine_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="Endocrine">Other </label> <input type="text" name="Endocrine_other" value='<?php echo $record["Endocrine_other"];?>' class="form-control styled-input" id="Endocrine6" style="width: 50%;"> <br> <script> const Endocrine = document.getElementById('Endocrine'); const Endocrine6 = document.getElementById('Endocrine6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } Endocrine.addEventListener('change', function () { showDivIfChecked(Endocrine, Endocrine6); }); Endocrine.dispatchEvent(new Event('change')); </script> </div> </div> </div> <!-- 2nd row --> <div class="row"> <div class="col-sm-6"> <div class="togle"> <label>Respiratory</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Respiratory"> <input type="checkbox" class="switch_1" value="Yes" name="Respiratory" id="RespiratoryCheckbox1" <?=($record['Respiratory']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="RespiratoryContent1" style="display:none;"> <input type="checkbox" id="ChronicObstructive" name="Respiratory_check[]" value="Chronic Obstructive Pulmonary Disease (COPD)" <?=(strpos($record['Respiratory_check'], 'Chronic Obstructive Pulmonary Disease (COPD)' ) !==false) ? 'checked' : ''?>> <label for="ChronicObstructive">Chronic Obstructive Pulmonary Disease</label> <br> <input type="checkbox" id="Asthma" name="Respiratory_check[]" value="Asthma " <?=(strpos($record['Respiratory_check'], 'Asthma' ) !==false) ? 'checked' : ''?>> <label for="Asthma">Asthma </label> <br> <input type="checkbox" id="ObstructiveSleep" name="Respiratory_check[]" value="Obstructive Sleep Apnea (OSA)" <?=(strpos($record['Respiratory_check'], 'Obstructive Sleep Apnea (OSA)' ) !==false) ? 'checked' : ''?>> <label for="ObstructiveSleep">Obstructive Sleep Apnea (OSA)</label> <br> <input type="checkbox" id="RestrictiveLung" name="Respiratory_check[]" value="Restrictive Lung Disease" <?=(strpos($record['Respiratory_check'], 'Restrictive Lung Disease' ) !==false) ? 'checked' : ''?>> <label for="RestrictiveLung">Restrictive Lung Disease</label> <br> <input type="checkbox" id="Respiratory" name="Respiratory_check[]" value="Other" <?=(strpos($record['Respiratory_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="Respiratory">Other </label> <input type="text" name="Respiratory_other" value='<?php echo $record["Respiratory_other"];?>' class="form-control styled-input" id="Respiratory6" style="width: 50%;" > <br> <script> const Respiratory = document.getElementById('Respiratory'); const Respiratory6 = document.getElementById('Respiratory6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } Respiratory.addEventListener('change', function () { showDivIfChecked(Respiratory, Respiratory6); }); Respiratory.dispatchEvent(new Event('change')); </script> </div> </div> <!-- Renal and Hepatic --> <div class="col-sm-6"> <div class="togle"> <label>Renal and Hepatic</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Renal_and_Hepatic"> <input type="checkbox" class="switch_1" value="Yes" name="Renal_and_Hepatic" id="RenalCheckbox1" <?=($record['Renal_and_Hepatic']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="RenalContent1" style="display:none;"> <input type="checkbox" id="Chronic_Kidney" name="Renal_check[]" value="Chronic Kidney Disease (CKD)" <?=(strpos($record['Renal_check'], 'Chronic Kidney Disease (CKD)' ) !==false) ? 'checked' : ''?>> <label for="Chronic_Kidney">Chronic Kidney Disease (CKD)</label> <br> <input type="checkbox" id="LiverDisease" name="Renal_check[]" value="Liver Disease" <?=(strpos($record['Renal_check'], 'Liver Disease' ) !==false) ? 'checked' : ''?>> <label for="LiverDisease">Liver Disease</label> <br> <input type="checkbox" id="Hepatic" name="Renal_check[]" value="Other" <?=(strpos($record['Renal_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="Hepatic">Other </label> <input type="text" name="Renal_other" class="form-control styled-input" id="Hepatic6" style="width: 50%;" value='<?php echo $record["Renal_other"];?>'> <br> <script> const Hepatic = document.getElementById('Hepatic'); const Hepatic6 = document.getElementById('Hepatic6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } Hepatic.addEventListener('change', function () { showDivIfChecked(Hepatic, Hepatic6); }); Hepatic.dispatchEvent(new Event('change')); </script> </div> </div> </div> <!-- 3rd row --> <div class="row"> <!-- Neurological --> <div class="col-sm-6"> <div class="togle"> <label>Neurological</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Neurological"> <input type="checkbox" class="switch_1" value="Yes" name="Neurological" id="NeurologicalCheckbox1" <?=($record['Neurological']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="NeurologicalContent1" style="display:none;"> <input type="checkbox" id="StrokeHistory" name="Neurological_check[]" value="Stroke History" <?=(strpos($record['Neurological_check'], 'Stroke History' ) !==false) ? 'checked' : ''?>> <label for="StrokeHistory">Stroke History</label> <br> <input type="checkbox" id="NeurodegenerativeDiseases" name="Neurological_check[]" value="Neurodegenerative Diseases" <?=(strpos($record['Neurological_check'], 'Neurodegenerative Diseases' ) !==false) ? 'checked' : ''?>> <label for="NeurodegenerativeDiseases">Neurodegenerative Diseases</label> <br> <input type="checkbox" id="SeizureDisorders" name="Neurological_check[]" value="Seizure Disorders" <?=(strpos($record['Neurological_check'], 'Seizure Disorders' ) !==false) ? 'checked' : ''?>> <label for="SeizureDisorders">Seizure Disorders</label> <br> <input type="checkbox" id="Neurological" name="Neurological_check[]" value="Other" <?=(strpos($record['Neurological_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="Neurological">Other </label> <input type="text" name="Neurological_other" class="form-control styled-input" id="Neurological6" style="width: 50%;" value='<?php echo $record["Neurological_other"];?>'> <br> <script> const Neurological = document.getElementById('Neurological'); const Neurological6 = document.getElementById('Neurological6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } Neurological.addEventListener('change', function () { showDivIfChecked(Neurological, Neurological6); }); Neurological.dispatchEvent(new Event('change')); </script> </div> </div> <!-- ---- --> <!-- Hematologic --> <div class="col-sm-6"> <div class="togle"> <label>Hematologic</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Hematologic"> <input type="checkbox" class="switch_1" value="Yes" name="Hematologic" id="HematologicCheckbox1" <?=($record['Hematologic']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="HematologicContent1" style="display:none;"> <input type="checkbox" id="Coagulopathies" name="Hematologic_check[]" value="Coagulopathies" <?=(strpos($record['Hematologic_check'], 'Coagulopathies' ) !==false) ? 'checked' : ''?>> <label for="Coagulopathies">Coagulopathies</label> <br> <input type="checkbox" id="Anaemia" name="Hematologic_check[]" value="Anaemia" <?=(strpos($record['Hematologic_check'], 'Anaemia' ) !==false) ? 'checked' : ''?>> <label for="Anaemia">Anaemia</label> <br> <input type="checkbox" id="BleedingDisorder" name="Hematologic_check[]" value="Bleeding Disorder" <?=(strpos($record['Hematologic_check'], 'Bleeding Disorder' ) !==false) ? 'checked' : ''?>> <label for="BleedingDisorder">Bleeding Disorder</label> <br> <input type="checkbox" id="Hematologic" name="Hematologic_check[]" value="Other" <?=(strpos($record['Hematologic_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="Hematologic">Other </label> <input type="text" name="Hematologic_other" class="form-control styled-input" id="Hematologic6" style="width: 50%;" value='<?php echo $record["Hematologic_other"];?>'> <br> <script> const Hematologic = document.getElementById('Hematologic'); const Hematologic6 = document.getElementById('Hematologic6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } Hematologic.addEventListener('change', function () { showDivIfChecked(Hematologic, Hematologic6); }); Hematologic.dispatchEvent(new Event('change')); </script> </div> </div> </div> <!-- 4th row --> <div class="row"> <!-- Mental Heath --> <div class="col-sm-6"> <div class="togle"> <label>Mental Heath</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Mental_Heath"> <input type="checkbox" class="switch_1" value="Yes" name="Mental_Heath" id="MentalHeathCheckbox1" <?=($record['Mental_Heath']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="MentalHeathContent1" style="display:none;"> <input type="checkbox" id="PsychiatricDisorders" name="Mental_check[]" value="Psychiatric Disorders" <?=(strpos($record['Mental_check'], 'Psychiatric Disorders' ) !==false) ? 'checked' : ''?>> <label for="PsychiatricDisorders">Psychiatric Disorders</label> <br> <input type="checkbox" id="MentalHealth" name="Mental_check[]" value="Mental Health Issue" <?=(strpos($record['Mental_check'], 'Mental Health Issue' ) !==false) ? 'checked' : ''?>> <label for="MentalHealth">Mental Health Issue</label> <br> <input type="checkbox" id="Mental" name="Mental_check[]" value="Other" <?=(strpos($record['Mental_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="Mental">Other </label> <input type="text" name="Mental_other" class="form-control styled-input" id="Mental6" style="width: 50%;" value='<?php echo $record["Mental_other"];?>'> <br> <script> const Mental = document.getElementById('Mental'); const Mental6 = document.getElementById('Mental6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } Mental.addEventListener('change', function () { showDivIfChecked(Mental, Mental6); }); Mental.dispatchEvent(new Event('change')); </script> </div> </div> <!-- ---- --> <!--Allergies --> <div class="col-sm-6"> <div class="togle"> <label>Allergies</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Allergies"> <input type="checkbox" class="switch_1" value="Yes" name="Allergies" id="AllergiesCheckbox1" <?=($record['Allergies']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="AllergiesContent1" style="display:none;"> <input type="checkbox" id="Allergies" name="Allergies_check[]" value="Other" <?=(strpos($record['Allergies_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="Allergies">Other </label> <input type="text" name="Allergies_other" class="form-control styled-input" id="Allergies6" style="width: 50%;" value='<?php echo $record["Allergies_other"];?>'> <br> <script> const Allergies = document.getElementById('Allergies'); const Allergies6 = document.getElementById('Allergies6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } Allergies.addEventListener('change', function () { showDivIfChecked(Allergies, Allergies6); }); Allergies.dispatchEvent(new Event('change')); </script> </div> </div> </div> <!-- 5th row --> <div class="row"> <!-- Other Considerations --> <div class="col-sm-6"> <div class="togle"> <label>Other Considerations</label> <div class="box_1"> <input type="hidden" class="switch_1" value="No" name="Other_Considerations"> <input type="checkbox" class="switch_1" value="Yes" name="Other_Considerations" id="OtherConsiderationsCheckbox1" <?=($record['Other_Considerations']==='Yes' ) ? 'checked' : ''?>> </div><br> </div> <div id="OtherConsiderationsContent1" style="display:none;"> <input type="checkbox" id="ChronicPain" name="Considerations_check[]" value="Chronic Pain and Opioid Tolerance" <?=(strpos($record['Considerations_check'], 'Chronic Pain and Opioid Tolerance' ) !==false) ? 'checked' : ''?>> <label for="ChronicPain">Chronic Pain and Opioid Tolerance</label> <br> <input type="checkbox" id="ImmunocompromisedStates" name="Considerations_check[]" value="Immunocompromised States" <?=(strpos($record['Considerations_check'], 'Immunocompromised States' ) !==false) ? 'checked' : ''?>> <label for="ImmunocompromisedStates">Immunocompromised States</label> <br> <input type="checkbox" id="Spinedeformities" name="Considerations_check[]" value="Spine and Back deformities" <?=(strpos($record['Considerations_check'], 'Spine and Back deformities' ) !==false) ? 'checked' : ''?>> <label for="Spinedeformities">Spine and Back deformities</label> <br> <input type="checkbox" id="FeverInfection" name="Considerations_check[]" value="Fever/Infection" <?=(strpos($record['Considerations_check'], 'Fever/Infection' ) !==false) ? 'checked' : ''?>> <label for="FeverInfection">Fever/Infection</label> <br> <input type="checkbox" id="Malignancy" name="Considerations_check[]" value="Malignancy" <?=(strpos($record['Considerations_check'], 'Malignancy' ) !==false) ? 'checked' : ''?>> <label for="Malignancy">Malignancy</label> <br> <input type="checkbox" id="Considerations" name="Considerations_check[]" value="Other" <?=(strpos($record['Considerations_check'], 'Other' ) !==false) ? 'checked' : ''?>> <label for="Considerations">Other </label> <input type="text" name="Considerations_other" class="form-control styled-input" id="Considerations6" style="width: 50%;" value='<?php echo $record["Considerations_other"];?>'> <br> <script> const Considerations = document.getElementById('Considerations'); const Considerations6 = document.getElementById('Considerations6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } Considerations.addEventListener('change', function () { showDivIfChecked(Considerations, Considerations6); }); Considerations.dispatchEvent(new Event('change')); </script> </div> </div> </div> </div> </div> </div><!--row--> </div> </div> <!-- co morbid end --> </div> </div> </div> </div> <script> // ------------------------------------ BMI_Calculation ------------------------------ $('.feet').keyup(function () { var feet = $('.feet').val(); var feet_cm = feet * 30.48; var inch = $('.inche').val(); var inch_cm = inch * 2.54; var total = feet_cm + inch_cm; $('.cm').val(total); var weight = $('.weight').val(); var cm_m = $('.cm').val(); var cm_m1 = cm_m * 0.01; var total_sqr = cm_m1 * cm_m1; var bmi_calculation = (weight / total_sqr); var bmi_calculation_fix = bmi_calculation.toFixed(2); $('.bmi').val(bmi_calculation_fix); }); $('.inche').keyup(function () { var feet = $('.feet').val(); var feet_cm = feet * 30.48; var inch = $('.inche').val(); var inch_cm = inch * 2.54; var total = feet_cm + inch_cm; $('.cm').val(total); var weight = $('.weight').val(); var cm_m = $('.cm').val(); var cm_m1 = cm_m * 0.01; var total_sqr = cm_m1 * cm_m1; var bmi_calculation = (weight / total_sqr); var bmi_calculation_fix = bmi_calculation.toFixed(2); $('.bmi').val(bmi_calculation_fix); }); $('.cm').keyup(function () { var cm = $('.cm').val(); var total = cm / 2.54; var cm_feet = (total / 12); var cm_feet_round = Math.trunc(cm_feet); $('.feet').val(cm_feet_round); var cm_inch = total - (12 * cm_feet_round); var cm_inch_round = Math.trunc(cm_inch); $('.inche').val(cm_inch_round); var weight = $('.weight').val(); var cm_m = $('.cm').val(); var cm_m1 = cm_m * 0.01; var total_sqr = cm_m1 * cm_m1; var bmi_calculation = (weight / total_sqr); var bmi_calculation_fix = bmi_calculation.toFixed(2); $('.bmi').val(bmi_calculation_fix); }); // ------------------------- Check AGE -------------------------------------- function checkage() { var age = $('.age').val(); if (age >= 120) { toastr.warning('are you sure'); } // if(age != '' && age <= 120){ // $('.age1').hide(); // // $('.age3').hide(); // } // else { // // $('.age3').show(); // $('.age1').hide(); // toastr.warning('are you sure'); // } } // ------------------------- Check WEIGHT -------------------------------------- function checkweight() { var weight = $('.weight').val(); // $('.weight_hide').val(weight); // var weight100 = $('.weight_hide').val(); $('.feet').val(''); $('.inche').val(''); $('.cm').val(''); $('.bmi').val(''); if (weight == '' || weight <= 0) { toastr.warning('please enter the values to calculate BMI'); $('.age1').hide(); $('.age2').hide(); $('.weigh1').hide(); $('.weigh2').hide(); $('.feet').val(''); $('.inche').val(''); $('.cm').val(''); $(".feet").attr("readonly", true); $(".inche").attr("readonly", true); $(".cm").attr("readonly", true); } else { $(".feet").attr("readonly", false); $(".inche").attr("readonly", false); $(".cm").attr("readonly", false); $('.age1').hide(); $('.age2').hide(); $('.weigh1').hide(); $('.weigh2').hide(); } } </script> <!-- ---------start Surgical Details---------------------------> <div class="accordion-item pre_op"> <div class="accordion-header pre_ophd_1 surdet accr-new-hea" style="background-color: #D5D5FF; border-radius: 7px;"><img src="public/assets/logimages/Icon.png">&nbsp;&nbsp;<b>Surgical Details</b><span class="cancle"><a> <i class="fa fa-undo larger-icon" aria-hidden="true"></i> </a></span> </div> <div class="accordion-content"> <div class="row"> <div class="accordion-border preborder " id="preborder_1"></div> <div class="col-sm-2 ageno preborder_1"> <label for="speciality" class="label_sttyle_add">Speciality <span class="mandatred" style="color: red;">*</span></label> <select id="options" class="form-control speciality_req" name="speciality" style="margin-top: 7px;"> <option value='' disabled selected>Select</option> <option value='General Surgery' <?=($record['speciality']==='General Surgery' ) ? 'selected' : '' ?>>General Surgery</option> <!-- <option value='General Surgery' <?= (strpos($record['speciality'], 'General Surgery') !== false) ? 'selected' : '' ?>>General Surgery</option> --> <option value='Gynaecology' <?=(strpos($record['speciality'], 'Gynaecology' ) !==false) ? 'selected' : '' ?>>Gynaecology</option> <option value='Orthopaedics' <?=(strpos($record['speciality'], 'Orthopaedics' ) !==false) ? 'selected' : '' ?>>Orthopaedics</option> <option value='Plastic surgery' <?=(strpos($record['speciality'], 'Plastic surgery' ) !==false) ? 'selected' : '' ?>>Plastic surgery</option> <option value='Cardiothoracic surgery' <?=(strpos($record['speciality'], 'Cardiothoracic surgery' ) !==false) ? 'selected' : '' ?>>Cardiothoracic surgery</option> <option value='Vascular Surgery' <?=(strpos($record['speciality'], 'Vascular Surgery' ) !==false) ? 'selected' : '' ?>>Vascular Surgery</option> <!-- <option value='Vascular Surgery' <?= (strpos($record['speciality'], 'Vascular Surgery') !== false) ? 'selected' : '' ?>>Vascular Surgery</option> --> <option value='Neuro-spine' <?=(strpos($record['speciality'], 'Neuro-spine' ) !==false) ? 'selected' : '' ?>>Neuro-spine</option> <option value='Urology' <?=(strpos($record['speciality'], 'Urology' ) !==false) ? 'selected' : '' ?>>Urology</option> <option value='Dental' <?=(strpos($record['speciality'], 'Dental' ) !==false) ? 'selected' : '' ?>>Dental</option> <option value='ENT' <?=(strpos($record['speciality'], 'ENT' ) !==false) ? 'selected' : '' ?>>ENT</option> <option value='Maxillo facial' <?=(strpos($record['speciality'], 'Maxillo facial' ) !==false) ? 'selected' : '' ?>>Maxillo facial</option> <option value='Paediatric and neonatology' <?=($record['speciality']==='Paediatric and neonatology' ) ? 'selected' : '' ?>>Paediatric and neonatology</option> <option value='Obstetrics' <?=(strpos($record['speciality'], 'Obstetrics' ) !==false) ? 'selected' : '' ?>>Obstetrics</option> <option value='Ophthalmology' <?=(strpos($record['speciality'], 'Ophthalmology' ) !==false) ? 'selected' : '' ?>>Ophthalmology</option> <option value='Radiology' <?=(strpos($record['speciality'], 'Radiology' ) !==false) ? 'selected' : '' ?>>Radiology</option> <option value="others" <?=(strpos($record['speciality'], 'Others' ) !==false) ? 'selected' : '' ?>>Others</option> </select> <!--UDAY WORK ---> <div id="obstetrics-options" style="display: none;"> <label for="obstetrics-specialty" class="label_sttyle_add">Obstetrics Specialty <span class="mandatred" style="color: red;">*</span></label> <select id="obstetrics-specialty-select" class="form-control obs_spec" name="obstetrics_specialty" style="margin-top: 7px;"> <option value="">Select</option> <option value='ObstetricAnaesthesia' <?=(strpos($record['obstetrics_specialty'], 'ObstetricAnaesthesia' ) !==false) ? 'selected' : '' ?>>Obstetric Anaesthesia</option> <option value='LabourAnalgesia' <?=(strpos($record['obstetrics_specialty'], 'LabourAnalgesia' ) !==false) ? 'selected' : '' ?>>Labour Analgesia</option> </select> </div> <!---others of speciality---> <div id="otherInputContainer" style="display: none;"> <input type="text" name="other_1_sp" id="otherInput" class="form-control" value="<?= $record['other_speciality']; ?>" style="margin-top: 20px;"> </div> <!-------------------------------start--- speciality others -----------------------> <script> const optionsSelect = document.getElementById('options'); const otherInputContainer = document.getElementById('otherInputContainer'); const otherInput = document.getElementById('otherInput'); const obsinputContainer = document.getElementById('obstetrics-options'); function updateFormState() { if (optionsSelect.value === 'others') { otherInputContainer.style.display = 'block'; obsinputContainer.style.display = 'none'; otherInput.value = ''; } else if (optionsSelect.value === 'Obstetrics') { otherInputContainer.style.display = 'none'; obsinputContainer.style.display = 'block'; otherInput.value = ''; } else { otherInputContainer.style.display = 'none'; obsinputContainer.style.display = 'none'; otherInput.value = ''; } } optionsSelect.addEventListener('change', updateFormState); // Trigger the change event initially updateFormState(); </script> <!------------------------------end--- speciality others -------------------------> <!-- co-morbid --> <!-- AllergiesContent1 --> <script> const AllergiesCheckbox1 = document.getElementById('AllergiesCheckbox1'); const AllergiesContent1 = document.getElementById('AllergiesContent1'); // Check if checkbox is initially checked and show content accordingly if (AllergiesCheckbox1.checked) { AllergiesContent1.style.display = 'block'; } AllergiesCheckbox1.addEventListener('change', function () { if (this.checked) { AllergiesContent1.style.display = 'block'; toastr['warning']('Please select Allergies Co-morbid Conditions'); } else { AllergiesContent1.style.display = 'none'; } }); </script> <!-- MentalHeathContent1 --> <script> const MentalHeathCheckbox1 = document.getElementById('MentalHeathCheckbox1'); const MentalHeathContent1 = document.getElementById('MentalHeathContent1'); // Check if checkbox is initially checked and show content accordingly if (MentalHeathCheckbox1.checked) { MentalHeathContent1.style.display = 'block'; } MentalHeathCheckbox1.addEventListener('change', function () { if (this.checked) { MentalHeathContent1.style.display = 'block'; toastr['warning']('Please select Mental Heath Co-morbid Conditions'); } else { MentalHeathContent1.style.display = 'none'; } }); </script> <!-- OtherConsiderationsContent1 --> <script> const OtherConsiderationsCheckbox1 = document.getElementById('OtherConsiderationsCheckbox1'); const OtherConsiderationsContent1 = document.getElementById('OtherConsiderationsContent1'); // Check if checkbox is initially checked and show content accordingly if (OtherConsiderationsCheckbox1.checked) { OtherConsiderationsContent1.style.display = 'block'; } OtherConsiderationsCheckbox1.addEventListener('change', function () { if (this.checked) { OtherConsiderationsContent1.style.display = 'block'; toastr['warning']('Please select Other Considerations Co-morbid Conditions'); } else { OtherConsiderationsContent1.style.display = 'none'; } }); </script> <!-- NeurologicalContent1 --> <script> const NeurologicalCheckbox1 = document.getElementById('NeurologicalCheckbox1'); const NeurologicalContent1 = document.getElementById('NeurologicalContent1'); // Check if checkbox is initially checked and show content accordingly if (NeurologicalCheckbox1.checked) { NeurologicalContent1.style.display = 'block'; } NeurologicalCheckbox1.addEventListener('change', function () { if (this.checked) { NeurologicalContent1.style.display = 'block'; toastr['warning']('Please select Neurological Co-morbid Conditions'); } else { NeurologicalContent1.style.display = 'none'; } }); </script> <!-- HematologicCheckbox1 --> <script> const HematologicCheckbox1 = document.getElementById('HematologicCheckbox1'); const HematologicContent1 = document.getElementById('HematologicContent1'); // Check if checkbox is initially checked and show content accordingly if (HematologicCheckbox1.checked) { HematologicContent1.style.display = 'block'; } HematologicCheckbox1.addEventListener('change', function () { if (this.checked) { HematologicContent1.style.display = 'block'; toastr['warning']('Please select Hematologic Co-morbid Conditions'); } else { HematologicContent1.style.display = 'none'; } }); </script> <!-- Renal --> <script> const RenalCheckbox1 = document.getElementById('RenalCheckbox1'); const RenalContent1 = document.getElementById('RenalContent1'); // Check if checkbox is initially checked and show content accordingly if (RenalCheckbox1.checked) { RenalContent1.style.display = 'block'; } RenalCheckbox1.addEventListener('change', function () { if (this.checked) { RenalContent1.style.display = 'block'; toastr['warning']('Please select Renal and Hepatic Co-morbid Conditions'); } else { RenalContent1.style.display = 'none'; } }); </script> <!-- respiratory --> <script> const RespiratoryCheckbox1 = document.getElementById('RespiratoryCheckbox1'); const RespiratoryContent1 = document.getElementById('RespiratoryContent1'); // Check if checkbox is initially checked and show content accordingly if (RespiratoryCheckbox1.checked) { RespiratoryContent1.style.display = 'block'; } RespiratoryCheckbox1.addEventListener('change', function () { if (this.checked) { RespiratoryContent1.style.display = 'block'; toastr['warning']('Please select Respiratory Co-morbid Conditions'); } else { RespiratoryContent1.style.display = 'none'; } }); </script> <!-- ----endocrine --> <script> const EndocrineCheckbox1 = document.getElementById('EndocrineCheckbox1'); const EndocrineContent1 = document.getElementById('EndocrineContent1'); // Check if checkbox is initially checked and show content accordingly if (EndocrineCheckbox1.checked) { EndocrineContent1.style.display = 'block'; } EndocrineCheckbox1.addEventListener('change', function () { if (this.checked) { EndocrineContent1.style.display = 'block'; toastr['warning']('Please select Endocrine and Metabolic Co-morbid Conditions'); } else { EndocrineContent1.style.display = 'none'; } }); </script> <script> const CardiovascularCheckbox = document.getElementById('CardiovascularCheckbox'); const CardiovascularContent = document.getElementById('CardiovascularContent'); // Check if checkbox is initially checked and show content accordingly if (CardiovascularCheckbox.checked) { CardiovascularContent.style.display = 'block'; } CardiovascularCheckbox.addEventListener('change', function () { if (this.checked) { CardiovascularContent.style.display = 'block'; toastr['warning']('Please select Cardiovascular Co-morbid Conditions'); } else { CardiovascularContent.style.display = 'none'; } }); </script> <!-- end co-morbid --> </div> <div class="col-sm-1"></div> <div class="col-sm-3 ageno preborder_1"> <p class="label_sttyle_add">Surgery Location<span class="mandatred" style="color: red;">*</span></p> <select id="mainHeading" name="surgery_location" class="form-control"> <option value="">Select</option> <option value="headneck" <?=($record['surgery_location']==='Head Neck' ) ? 'selected' : '' ?>>Head & Neck</option> <option value="Thorax" <?=($record['surgery_location']==='Thorax' ) ? 'selected' : '' ?>>Thorax</option> <option value="SpineSpinalCord" <?=($record['surgery_location']==='Spine SpinalCord' ) ? 'selected' : '' ?> >Spine and Spinal Cord</option> <option value="UpperAbdomen" <?=($record['surgery_location']==='Upper Abdomen' ) ? 'selected' : '' ?>>Upper Abdomen</option> <option value="LowerAbdomen" <?=($record['surgery_location']==='Lower Abdomen' ) ? 'selected' : '' ?>>Lower Abdomen</option> <option value="Perineum" <?=($record['surgery_location']==='Perineum' ) ? 'selected' : '' ?>>Perineum</option> <option value="Pelvis_ExceptHip" <?=($record['surgery_location']==='Pelvis ExceptHip' ) ? 'selected' : '' ?> >Pelvis (Except Hip)</option> <option value="UpperLeg_Except_Knee" <?=($record['surgery_location']==='UpperLeg Except Knee' ) ? 'selected' : '' ?>>Upper Leg (Except Knee)</option> <option value="Knee_and_Popliteal_Area" <?=($record['surgery_location']==='Knee and Popliteal Area' ) ? 'selected' : '' ?>>Knee and Popliteal Area</option> <option value="Lower_Leg_Below_Knee" <?=($record['surgery_location']==='Lower Leg Below Knee' ) ? 'selected' : '' ?>>Lower Leg (Below Knee)</option> <option value="Shoulder_and_Axilla" <?=($record['surgery_location']==='Shoulder and Axilla' ) ? 'selected' : '' ?>>Shoulder and Axilla</option> <option value="Upper_Arm_Elbow" <?=($record['surgery_location']==='Upper Arm Elbow' ) ? 'selected' : '' ?> >Upper Arm and Elbow</option> <option value="Shoulder_and_Axilla" <?=($record['surgery_location']==='Forearm Wrist Hand' ) ? 'selected' : '' ?>>Forearm Wrist and Hand</option> <option value="Others_Unlisted" <?=($record['surgery_location']==='Others Unlisted' ) ? 'selected' : '' ?> >Others / Unlisted</option> </select> </div> <div class="col-sm-1"></div> <div class="col-sm-3 ageno preborder_1"> <!-- <select id="subHeading" name="surgery_procedure" class="form-control" style="margin-top: 7px;"> <option value="">Select</option> </select> --> <div class="input-wrapper"> <label for="subHeadingInput" class="label_sttyle_add">Surgery Procedure<span class="mandatred" style="color: red;">*</span></label> <input type="text" id="subHeadingInput" class="form-control" value="<?= $record['surgery_procedure']; ?>" style="margin-top: 7px;" name="surgery_procedure" autocomplete="off"> <div class="input-dropdown" id="subHeadingDropdown"></div> </div> <div class="cancel-icon" id="cancelIcon">&#x2716;</div> <span class="sptextarea"> <textarea id="longTextDisplay" class="form-control " style="display: none; margin-top: 10px; border-radius: 15px; width: 500px; height: 70px; overflow: visible;"></textarea></span> </div> </div><br> </div> </div> <script> $(document).ready(function () { updateSelects(); $('#options').change(function () { updateSelects(); }); $('#obstetrics-specialty-select').change(function () { updateSelects(); }); function updateSelects() { var optionsValue = $('#options').val(); var obstetricsValue = $('#obstetrics-specialty-select').val(); // Reset both selects to default state $('#mainHeading').prop('disabled', false); $('#subHeadingInput').prop('disabled', false); if (obstetricsValue === 'ObstetricAnaesthesia') { $('#mainHeading').prop('disabled', true); $('#mainHeading').val(''); } else if (obstetricsValue === 'LabourAnalgesia') { $('#mainHeading').prop('disabled', true); $('#mainHeading').val(''); $('#subHeadingInput').prop('disabled', true); $('#longTextDisplay').prop('disabled', true); $('#longTextDisplay').prop('hidden', true); $('#subHeadingInput').val(''); $('#longTextDisplay').val(''); } else if (optionsValue === 'Obstetrics') { toastr['warning']('please select Obstetrics Specialty'); $('#mainHeading').prop('disabled', true); $('#mainHeading').val(''); $('#subHeadingInput').val(''); $('#longTextDisplay').val(''); $('#subHeadingInput').prop('disabled', true); } } }); </script> <style> #dropdown-btn { display: block; } .dropcontainer { display: none; } </style> <!-------------- ---------end---------------------- Surgical Details---------------------------> <div class="accordion-item pre_op"> <div class="accordion-header pre_ophd_1 man-tool surdet accr-new-hea" style="background-color: #D5D5FF; border-radius: 7px;"><img src="public/assets/logimages/Icon.png">&nbsp;&nbsp;<b>Anaesthesia Management Tool</b><span class="cancle"><a> <i class="fa fa-undo larger-icon" aria-hidden="true"></i> </a></span> </div> <div class="accordion-content"> <div class="accordion-border" id="preborder_1" style="margin-top: 0px;"></div> <div class="row Management-Tool-row m-3" id="firstkit"> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-8 Management-Tool" > <h4>Anaesthesia Management Tool Kit for the surgery</h4> </div> <div class="col-sm-2"> <img class="mng-tool1" src="images/MeduAi_Logo 2.png" style="background-color: white; margin: 10px;" width="90%" alt="Group 11 (2)"> </div> </div> <div class="row m-3" id="firstdiv" style="display: none;"> <div class="col-sm-6"> <input type="hidden" name="toolkit_All" value="No"> <input type="checkbox" id="new1" name="toolkit_All" value="Yes" <?=($record['toolkit_All']==='Yes' ) ? 'checked' : ''?>> <label for="new1"> All of the below</label> <br> <input type="hidden" name="toolkit_gender_age" value="No"> <input type="checkbox" id="new2" name="toolkit_gender_age" value="Yes" <?=($record['toolkit_gender_age']==='Yes' ) ? 'checked' : ''?>> <label for="new2"> Patient information like Gender and age</label> <br> <input type="hidden" name="toolkit_bmi" value="No"> <input type="checkbox" id="new3" name="toolkit_bmi" value="Yes" <?=($record['toolkit_bmi']==='Yes' ) ? 'checked' : ''?>> <label for="new3"> BMI</label> <br> <input type="hidden" name="toolkit_Comorbidies" value="No"> <input type="checkbox" id="new4" name="toolkit_Comorbidies" value="Yes" <?=($record['toolkit_Comorbidies']==='Yes' ) ? 'checked' : ''?>> <label for="new4"> Comorbidities</label> <br> <input type="hidden" name="toolkit_asa_status" value="No"> <input type="checkbox" id="new5" name="toolkit_asa_status" value="Yes" <?=($record['toolkit_asa_status']==='Yes' ) ? 'checked' : ''?>> <label for="new5"> ASA status</label> <br> <input type="hidden" name="toolkit_others" value="No"> <input type="checkbox" id="new6" name="toolkit_others" value="Yes" <?=($record['toolkit_others']==='Yes' ) ? 'checked' : ''?>> <label for="new6">Any other information on patient condition</label> <br> <input type="text" name="toolkit_others_input" id="Any_other" value="<?= $record['toolkit_others_input']; ?>" class="form-control"> </div> <div class="col-sm-4 toolkit-dwn-main" > <p class="toolkit-dwn">Click here for toolkit <i class="fa fa-arrow-down" style="color: #007cd8" aria-hidden="true"></i></p> <img class="toolkit-dwn-imgs" src="images/MeduAi_Logo 2.png" style="background-color: white; margin: 10px;" class="toolkit_img" width="90%" onclick='an_tool()' alt="Group 11 (2)"> </div> </div> <script> const new6 = document.getElementById('new6'); const condition06 = document.getElementById('Any_other'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } new6.addEventListener('change', function () { showDivIfChecked(new6, condition06); }); new6.dispatchEvent(new Event('change')); </script> <!-- Anaesthesia Management Tool Kit for the surgery script --> <script> //age and gender var tool_new2=document.getElementById('new2'); tool_new2.addEventListener('click', function () { var all_below2=document.getElementById('new1'); var tool_gender=document.getElementById('genderA').value; var tool_age=document.getElementById('ageA').value; if (tool_gender == '' || tool_age == '') { toastr["error"]('You have not entered this information in pre-op section for this case. Go to pre-OP and enter the details.'); tool_new2.checked = false; }else if(all_below2.checked){ tool_new2.checked = true; // alert('checked') } }); //BMI var tool_new3=document.getElementById('new3'); tool_new3.addEventListener('click', function () { var tool_bmi=document.getElementById('bmi').value; var all_below3=document.getElementById('new1'); if (tool_bmi == '') { toastr["error"]('You have not entered this information in pre-op section for this case. Go to pre-OP and enter the details.'); tool_new3.checked = false; }else if(all_below3.checked){ tool_new3.checked = true; // alert('checked') } }); //Comorbidies var tool_new4=document.getElementById('new4'); tool_new4.addEventListener('click', function () { var all_below4=document.getElementById('new1'); var comorbities1=document.getElementById('CardiovascularCheckbox'); var comorbities2=document.getElementById('EndocrineCheckbox1'); var comorbities3=document.getElementById('RespiratoryCheckbox1'); var comorbities4=document.getElementById('RenalCheckbox1'); var comorbities5=document.getElementById('NeurologicalCheckbox1'); var comorbities6=document.getElementById('HematologicCheckbox1'); var comorbities7=document.getElementById('MentalHeathCheckbox1'); var comorbities8=document.getElementById('AllergiesCheckbox1'); var comorbities9=document.getElementById('OtherConsiderationsCheckbox1'); if (comorbities1.checked || comorbities2.checked || comorbities3.checked || comorbities4.checked || comorbities5.checked || comorbities6.checked || comorbities7.checked || comorbities8.checked || comorbities9.checked) { // tool_new4.checked = true; console.log('comorbit is selected'); if(all_below4.checked){ tool_new4.checked = true; // alert('checked') } }else{ toastr["error"]('You have not entered this information in pre-op section for this case. Go to pre-OP and enter the details.'); tool_new4.checked = false; } }); var tool_new5=document.getElementById('new5'); tool_new5.addEventListener('click', function () { var tool_asa=document.getElementById('ASA').value; var all_below5=document.getElementById('new1'); if (tool_asa == '') { toastr["error"]('You have not entered this information in pre-op section for this case. Go to pre-OP and enter the details.'); tool_new5.checked = false; }else if(all_below5.checked){ tool_new5.checked = true; // alert('checked') } }); //All of the below var all_below=document.getElementById('new1'); all_below.addEventListener('click', function(){ var tool_gender1=document.getElementById('genderA').value; var tool_age1=document.getElementById('ageA').value; var tool_bmi1=document.getElementById('bmi').value; var comorbities11=document.getElementById('CardiovascularCheckbox'); var comorbities12=document.getElementById('EndocrineCheckbox1'); var comorbities13=document.getElementById('RespiratoryCheckbox1'); var comorbities14=document.getElementById('RenalCheckbox1'); var comorbities15=document.getElementById('NeurologicalCheckbox1'); var comorbities16=document.getElementById('HematologicCheckbox1'); var comorbities17=document.getElementById('MentalHeathCheckbox1'); var comorbities18=document.getElementById('AllergiesCheckbox1'); var comorbities19=document.getElementById('OtherConsiderationsCheckbox1'); var tool_asa1=document.getElementById('ASA').value; if( (tool_gender1 != '' || tool_age1 != '') && (tool_bmi1 != '') && (comorbities11.checked || comorbities12.checked || comorbities13.checked || comorbities14.checked || comorbities15.checked || comorbities16.checked || comorbities17.checked || comorbities18.checked || comorbities19.checked) && (tool_asa1 != '') ){ console.log('all selected'); if(all_below.checked==true){ tool_new2.checked=true; tool_new3.checked=true; tool_new4.checked=true; tool_new5.checked=true; }else{ tool_new2.checked=false; tool_new3.checked=false; tool_new4.checked=false; tool_new5.checked=false; } }else{ toastr["error"]('“You have not entered this information in pre-op section for this case. Go to pre-OP and enter the details.”'); all_below.checked=false; } }) document.getElementById('firstkit').addEventListener('click',function(){ var divkit=document.getElementById('firstdiv'); if(divkit.style.display=='none'){ divkit.style.display='flex'; }else{ divkit.style.display='none'; } }) </script> <script> function an_tool(){ var all_below_ai=document.getElementById('new1'); let an_tool_sp = document.getElementById('subHeadingInput').value; var tool_gender_ai=document.getElementById('genderA').value; var tool_age1_ai=document.getElementById('ageA').value; var tool_bmi1_ai=document.getElementById('bmi').value; var tool_asa_ai=document.getElementById('ASA').value; var tool_new6=document.getElementById('new6'); var Any_other=document.getElementById('Any_other').value; // alert('hello') var tool_new4=document.getElementById('new4'); var tool_new2=document.getElementById('new2'); var tool_new3=document.getElementById('new3'); var tool_new5=document.getElementById('new5'); var comorbids_ai = ''; var Cardiovascular_check_ai = document.querySelectorAll('input[name="Cardiovascular_check[]"]:checked'); Cardiovascular_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); var Endocrine_check_ai = document.querySelectorAll('input[name="Endocrine_check[]"]:checked'); Endocrine_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); var Respiratory_check_ai = document.querySelectorAll('input[name="Respiratory_check[]"]:checked'); Respiratory_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); var Renal_check_ai = document.querySelectorAll('input[name="Renal_check[]"]:checked'); Renal_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); var Neurological_check_ai = document.querySelectorAll('input[name="Neurological_check[]"]:checked'); Neurological_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); var Hematologic_check_ai = document.querySelectorAll('input[name="Hematologic_check[]"]:checked'); Hematologic_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); var Mental_check_ai = document.querySelectorAll('input[name="Mental_check[]"]:checked'); Mental_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); var Allergies_check_ai = document.querySelectorAll('input[name="Allergies_check[]"]:checked'); Allergies_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); var Considerations_check_ai = document.querySelectorAll('input[name="Considerations_check[]"]:checked'); Considerations_check_ai.forEach(function(checkbox) { comorbids_ai += checkbox.value + ', '; }); comorbids_ai = comorbids_ai.replace(/,\s*$/, ''); // alert(comorbids_ai); // return; var age_gender=''; if(tool_new2.checked){ age_gender='Gender '+tool_gender_ai+' age '+tool_age1_ai+' years'; } var bmi_ai=''; if(tool_new3.checked){ bmi_ai='BMI '+tool_bmi1_ai+'.'; } var co_ai=''; if(tool_new4.checked){ co_ai='Comorbidities '+comorbids_ai+'.'; } var asa_ai=''; if(tool_new5.checked){ asa_ai=tool_asa_ai; } var other_ai=''; if(tool_new6.checked){ other_ai='any other information on patient condition '+Any_other+'.'; } if(an_tool_sp!=''){ if(all_below_ai.checked || tool_new2.checked || tool_new3.checked || tool_new4.checked || tool_new5.checked || tool_new6.checked){ askQuest('I am an anesthesiologist. I want to know more about providing anaesthesia for surgery '+an_tool_sp+'. Consider the following patient information for this surgery. '+age_gender+' '+asa_ai+' '+bmi_ai+' '+co_ai+' '+other_ai+' Give me the details of surgery. Then, give me details on the following sections for this surgery: 1. Patient Assessment, Preoperative Evaluation and Preparation 2. Anaesthesia technique 3. Airway management 4. Monitoring 5. Positioning 6. Pain Management 7. Fluid and Electrolyte Management 8. Management of Anesthesia-Related Complications 9 Communications 10 post operative care, 11 Outcome Analysis.'); } else{ askQuest('I am an anesthesiologist. I want to know more about providing anaesthesia for surgery '+an_tool_sp+'. Give me the details of surgery. Then, give me details on the following sections for this surgery: 1. Patient Assessment, Preoperative Evaluation and Preparation 2. Anaesthesia technique 3. Airway management 4. Monitoring 5. Positioning 6. Pain Management 7. Fluid and Electrolyte Management 8. Management of Anesthesia-Related Complications 9 Communications 10 post operative care, 11 Outcome Analysis.'); } }else{ toastr.warning('Please select surgery procedure'); } } </script> <div class="row Management-Tool-row m-3" onclick='tab2()'> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-8 Management-Tool"> <h4>Potential Complications for the selected surgery</h4> </div> <div class="col-sm-2"> <img class="mng-tool1" src="images/MeduAi_Logo 2.png" style="background-color: white; margin: 10px;" width="90%" alt="Group 11 (2)"> </div> <script> function tab2(){ let an_tool_sp2 = document.getElementById('subHeadingInput').value; if(an_tool_sp2!=''){ askQuest("complications in anesthesia management in "+an_tool_sp2+""); }else{ toastr.warning('Please select surgery procedure'); } } </script> </div> <div class="row Management-Tool-row m-3" onclick='tab3()'> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-8 Management-Tool"> <h4>PCOM (Patient Centered Outcome Measures)</h4> </div> <div class="col-sm-2"> <img class="mng-tool1" src="images/MeduAi_Logo 2.png" style="background-color: white; margin: 10px;" width="90%" alt="Group 11 (2)"> </div> <script> function tab3(){ let an_tool_sp3 = document.getElementById('subHeadingInput').value; if(an_tool_sp3!=''){ askQuest(" what are the Patient Centered Outcome Measures which I have to consider as an anesthetist for surgery"+an_tool_sp3+"? Give me details with specific assessment tools for following sections 1 Clinical Outcomes 1a Pain management effectiveness 1b precision and safety of performing anaesthesia 1c recovery and mobility 2 patient satisfaction and experience 2a patient comfort and pain perception 2b personal accounts of anaesthesia experience 3 Quality of Life Assessments before and after surgery"); }else{ toastr.warning('Please select surgery procedure'); } } </script> </div> <br> </div> </div> <!-- ---------------start------------ Anaesthesia---------------------------------------------> <div class="accordion-item pre_op" id="pre_opcontent"> <div class="accordion-header pre_ophd_1 asia accr-new-hea" style="background-color: #D5D5FF; border-radius: 7px;"> <img src="public/assets/logimages/Icon.png">&nbsp;&nbsp;<b>Anaesthesia</b><span class="cancle"><a> <i class="fa fa-undo larger-icon" aria-hidden="true"></i> </a></span> </div> <div class="accordion-content"> <div class="row"> <div class="accordion-border preborder emergency " id="preborder_1"></div> <div class="col-sm-4 emergency"> <label class="label_sttyle_add">Operation/Procedure Category</label><br> <div class="emergency1"> <input type="radio" id="emergency" name="category" value="emergency" class="radio-button" <?=($record['category']==='Emergency' ) ? 'checked' : '' ?>> <label for="emergency">Emergency</label>&nbsp;&nbsp; <br><input type="radio" id="elective" name="category" value="elective" class="radio-button" <?=($record['category']==='Elective' ) ? 'checked' : '' ?>> <label for="elective">Elective</label> </div> </div> <div class="col-sm-3 emergency"> <label class="label_sttyle_add">Minimally Invasive <!-- <div class="tooltip-2"> <i class="fa fa-info-circle custom-icon" aria-hidden="true" style="font-size: 15px;"></i> <div class="right-2"> <div class="text-content-2"> <i class="pop_up"> <h6 style="font-family: none;"> Thoroscopic&nbsp;,&nbsp;laproscopic&nbsp;,&nbsp;arthoscopic with or without semi-open.</h6> </i> </div> </div> </div> --> <!-- i btn new --> <br> <div class="tooltip-3"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-3 "> <div class="text-content-3"> <h6>Thoroscopic&nbsp;,&nbsp;laproscopic&nbsp;,&nbsp;arthoscopic with or without semi-open.</h6> <i></i> </div> </div> </div> </label> <label class="toggle-container"> <input type="checkbox" name="Invasive" class="toggle-input" <?=($record['Invasive']=="Yes" ) ? 'checked' : '' ?>> <span class="toggle-slider toggleup1" id="toggleup"></span> </label> </div> <div class="col-sm-5 ageno preborder_1"> <div> <label class="label_sttyle_add"> <b>Am I supervising other Anaesthetist ? &nbsp;</b> <input type="hidden" name="supervising" value='No' class="toggle-input"> <input type="checkbox" name="supervising" value='Yes' class="toggle-input" id="supercheck" <?=($record['supervising']=="Yes" ) ? 'checked' : '' ?>> <span class="toggle-slider toggle-slider-new toggleup" id="toggleup"></span> </label> <p id='supertext' class="label_sttyle_add" style='display:none'><b>Whom am I supervising ?</b></p> <script> var suptext=document.getElementById('supertext'); var supcheck=document.getElementById('supercheck'); supcheck.addEventListener('change',function(){ if(supcheck.checked==true){ suptext.style.display='block'; }else{ suptext.style.display='none'; } }); </script> <style> .toggle-slider-new{ position: absolute; cursor: pointer; width: 16%; height: 26px; background-color: #ddd; transition: 0.2s; border-radius: 34px; } .toggle-slider-new:before{ position: absolute; content: ""; width: 37% !important; height: 21px; left: 3px; bottom: 4px; top: 2px; background-color: white; transition: 0.2s; border-radius: 50%; } </style> </div> <div class="row"> <div class="col-sm-2"> <!-- <label style="width:115px;">CNB done by<span class="mandat">*</span> <div class="tooltip1"><a href="" style="color: #fff;padding: 0 6px;font-size: 12px;"><i class="fa fa-info" aria-hidden="true"></i></a> <span class="tooltiptext">Junior Consultant < 5 years experience , Senior Consultant > 5 years experience , Junior Trainee < 2 years experience , Senior Trainee > 2 years experience</span> </div> </label> --> <label style="width:115px;" class="label_sttyle_add">Experience&nbsp;Level&nbsp; <!-- <div class="tooltip-2"> <i class="fa fa-info-circle custom-icon" aria-hidden="true" style="font-size: 15px;"></i> <div class="right-2"> <div class="text-content-2"> <i> <h6 style="font-family: sans-serif !important; width: 250px !important;"> Junior Consultant < 5 years experience , Senior Consultant> 5 years experience , Junior Trainee < 2 years experience , Senior Trainee> 2 years experience.</h6> </i> </div> </div> </div> --> <!-- i new btn --> <div class="tooltip-3"> <i class="fa fa-info-circle " aria-hidden="true"></i> <div class="right-3 "> <div class="text-content-3"> <h6>Junior Consultant < 5 years experience,Senior&nbsp;Consultant> 5 years experience , Junior Trainee < 2 years experience , Senior Trainee> 2 years experience.</h6> <i></i> </div> </div> </div> </label> </div><br> <div class="col-sm-4"> <select class="form-control cnb_done_by1" name="done_by_1" id="cnb_done_by1" style="margin-top: 50px; margin-left: -30px;" name="cnb_done_by1" onfocusout="selectcnb()"> <option value="" selected="selected">Select</option> </select> <div class="col-sm-6"> <select class="form-control cnb_done_by2" name="done_by_2" id="cnb_done_by2" style="margin: 15px 0;margin-top: px; margin-left: -45px;" name="cnb_done_by2"> <option value="" selected="selected">Select</option> </select> </div> </div> </div> <!-- ---------------end------------ Anaesthesia---------------------------------------------> </div> </div> <div class="row"> <div class="col-sm-3 ageno preborder_1"> <label class="label_sttyle_add" id="anthesia">Anaesthesia <span class="mandatred" style="color: red;">*</span></label> <div class="checkbox-row" style="margin-top: 10px;"> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" name="anaesthesia_mon" <?=(strpos($record['anaesthesia'], 'Monitoring only' ) !==false) ? 'checked' : '' ?> id="checkbox1"> <label for="checkbox1">Monitoring only</label>&nbsp;&nbsp; </div> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" name="anaesthesia_ga" <?=(strpos($record['anaesthesia'], 'GA' ) !==false) ? 'checked' : '' ?> id="gaCheckbox"> <label for="gaCheckbox">GA</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" name="anaesthesia_cnb" <?=(strpos($record['anaesthesia'], 'CNB' ) !==false) ? 'checked' : '' ?> id="cnbCheckbox"> <label for="cnbCheckbox">CNB</label> </div> </div> <div class="checkbox-row" style="margin-top: -10px;"> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" name="anaesthesia_pnb" <?=(strpos($record['anaesthesia'], 'PNB' ) !==false) ? 'checked' : '' ?> id="pnbCheckbox"> <label for="pnbCheckbox">PNB</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" <?=(strpos($record['anaesthesia'], 'Sedation' ) !==false) ? 'checked' : '' ?> name="anaesthesia_sed" id="checkbox2"> <label for="checkbox2">Sedation</label>&nbsp; <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" <?=(strpos($record['anaesthesia'], 'Other' ) !==false) ? 'checked' : '' ?> name="anaesthesia_other" id="checkbox3"> <label for="checkbox3">Other</label> <input type="text" name="sp_other" class="form-control styled-input" id="oDiv6" value="<?= $record['others_specialprocedure']?>"> </div> </div> </div> </div> </div> <!-- making required --> <input type="hidden" id="checkboxValidation" name="checkboxValidation" required> <!-- <div class="row"> --> <div class="col-sm-4 mt-3"> <label class="label_sttyle_add">Special Procedures</label><br> <label class="mt-2"> <input type="checkbox" name="special_procedures_av" class="checkbox" <?=(strpos($record['special_procedures'], 'Airway and Ventilation' ) !==false) ? 'checked' : '' ?> data-content="content1"> Airway and Ventilation </label><br> <label> <input type="checkbox" name="special_procedures_cvs" class="checkbox" <?=(strpos($record['special_procedures'], 'CVS' ) !==false) ? 'checked' : '' ?> data-content="content2"> CVS </label>&nbsp;&nbsp;&nbsp;&nbsp;<br> <label> <input type="checkbox" name="special_procedures_cns" class="checkbox" <?=(strpos($record['special_procedures'], 'CNS' ) !==false) ? 'checked' : '' ?> data-content="content3"> CNS </label>&nbsp;&nbsp;&nbsp;&nbsp;<br> <!-- <label> <input type="checkbox" name="special_procedures_cns" class="checkbox" <?=(strpos($record['special_procedures'], 'CNS' ) !==false) ? 'checked' : '' ?> data-content="content3"> CNS </label>&nbsp;&nbsp;&nbsp;&nbsp; --> <label> <!-- <input type="checkbox" name="special_procedures_other" class="checkbox" <?= (strpos($record['special_procedures'], 'Other') !== false) ? 'checked' : '' ?> data-content="content4"> Other --> <input type="checkbox" id="oCheckbox" name="special_procedures_other" <?=(strpos($record['special_procedures'], 'Other' ) !==false) ? 'checked' : '' ?>>&nbsp;Others </label> </div> <div class="col-sm-3" id="supr-mob"><label class="label_sttyle_add">Supervision</label><br> <!-- <div class="col-sm-4"> --> <select class="form-control supervision mt-3" name="supervision" style="border-radius: 15.5px;" onfocusout='checksupervision()'> <option value="">Select</option> <option value="Direct Supervision" <?=($record['supervision']==='Direct Supervision' ) ? 'selected' : '' ?> >Direct Supervision</option> <option value="Independent Supervision" <?=($record['supervision']==='Independent Supervision' ) ? 'selected' : '' ?>>Independent Supervision</option> </select> </div> </div> <!-- ---------------------start ---- Airway and Ventilation--------------- --> <!-- Create content divs for each checkbox --> <div class="content" id="content1"> <!-- <div class="content1av form-control ml-4 mt-3" style="width: auto;"> --> <label class="ml-3 label_sttyle_add">Airway and Ventilation</label> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_it" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Intubation through LMA/igel' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Intubation through LMA/igel</label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_airway_ventilation_video" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Video Laryngoscopy' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Video Laryngoscopy</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label mr-5"><input type="checkbox" name="sp_airway_ventilation_bn" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Blind Nasal Intubation' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Blind Nasal Intubation</label> </div> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_bb" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Bronchial blocker' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Bronchial blocker</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_ao" <?=(strpos($record['sp_airway_ventilation'], 'Apnoeic oxygenation' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Apnoeic oxygenation</label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input name="sp_airway_ventilation_bron" type="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Bronchoscopy' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Bronchoscopy</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label mr-5"><input type="checkbox" name="sp_airway_ventilation_dl" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Double lumen' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Double lumen Tube</label> </div> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_foi" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'FOI Awake/Asleep' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;FOI Awake/Asleep</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label mr-1"><input type="checkbox" name="sp_airway_ventilation_fon" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'FONA' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;FONA</label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_airway_ventilation_jet" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Jet ventilation' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Jet ventilation</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_ri" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Retrograde intubation' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Retrograde intubation</label> </div> <div class="col-sm-6"> <label class="checkbox-label mr-2"><input type="checkbox" name="sp_airway_ventilation_sub" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Submental intubation' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Submental intubation</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label mr-5"><input type="checkbox" name="sp_airway_ventilation_surg" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Surgical tracheostomy' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Surgical tracheostomy</label> </div> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_to" class="checkbox" <?=(strpos($record['sp_airway_ventilation'], 'Thrive Optiflow' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Thrive Optiflow</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label><input type="checkbox" class="checkbox" data-content="content4" name="sp_airway_ventilation_other" id="oCheckbox1" <?=(strpos($record['sp_airway_ventilation'], 'Other' ) !==false) ? 'checked' : '' ?> id="contentCheckbox"> Other</label> <input type="text" class="form-control mb-2 styled-input" id="oDiv1" data-content="content4" name="av_others" value="<?= $record['others_av']?>" style="margin-left: 65px; margin-top: -30px; width: 20% !important;"> </div> </div> </div> <!-- ---------------------end ---- Airway and Ventilation--------------- --> <!-- ---------------------start ---- cvs--------------- --> <div class="content" id="content2"> <label class="ml-3 label_sttyle_add">CVS</label> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="ssp_cvs_cpet" class="checkbox" <?=(strpos($record['sp_cvs'], 'CPET (cardio-pulmonary exercise testing)' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;CPET (cardio-pulmonary exercise testing) </label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="ssp_cvs_al" <?=(strpos($record['sp_cvs'], 'Arterial Line' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Arterial Line </label> </div> </div> <div class="row"> <!-- <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="ssp_cvs_central" <?=(strpos($record['sp_cvs'], 'Central line: 4 options: Jugular/Subclavian/Femoral/other' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Central line: 4 options: Jugular/Subclavian/Femoral/other </label> </div> --> <div class="col-sm-6"> <label class="checkbox-label" id="cvcLabel"> <input type="checkbox" name="ssp_cvs_central" id="cvc_check" class="checkbox" <?=(strpos($record['sp_cvs'], 'CVC (Central Venous Catheter line)' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;CVC (Central Venous Catheter line) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </label> <div class="" id="cvc_div" style="display: none;"> <label class="checkbox-label"><input type="checkbox" name="Jugular" value="Jugular" <?=(strpos($record['cvc'],'Jugular') !==false) ? 'checked' : '' ?>>&nbsp;Jugular</label> <label class="checkbox-label"><input type="checkbox" name="Subclavian" value="Subclavian" <?=(strpos($record['cvc'],'Subclavian') !==false) ? 'checked' : '' ?> >&nbsp;Subclavian</label> <label class="checkbox-label"><input type="checkbox" name="Femoral" value="Femoral" <?=(strpos($record['cvc'],'Femoral') !==false) ? 'checked' : '' ?> >&nbsp;Femoral</label> <label class="checkbox-label"><input type="checkbox" name="other" value="other" <?=(strpos($record['cvc'],'other') !==false) ? 'checked' : '' ?> >&nbsp;other</label> </div> </div> <div class="col-sm-6"> <label class="checkbox-label "> <input type="checkbox" name="ssp_cvs_cardiac" class="checkbox" data-content="content14" <?=(strpos($record['sp_cvs'], 'Cardiac output monitoring-Non-invasive' ) !==false) ? 'checked' : '' ?>>&nbsp;Cardiac output monitoring-Non-invasive </label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="ssp_cvs_com" <?=(strpos($record['sp_cvs'], 'Cardiac output monitoring- invasive including PA catheter' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Cardiac output monitoring- invasive including PA catheter </label> </div> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="ssp_cvs_te" class="checkbox" <?=(strpos($record['sp_cvs'], 'TOE:Transoesophageal Echocardiography' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;TOE:Transoesophageal Echocardiography </label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="ssp_cvs_dhca" class="checkbox" <?=(strpos($record['sp_cvs'], 'DHCA: Deep Hypothermic Cardiac Arrest' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;DHCA: Deep Hypothermic Cardiac Arrest </label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="ssp_cvs_te" class="checkbox" <?=(strpos($record['sp_cvs'], 'TTE: Transthoracic Echocardiography' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;TTE:Transthoracic Echocardiography </label> </div> </div> </div> <!-- ---------------------end ---- cvs--------------- --> <!-- ---------------------start ---- cns--------------- --> <div class="content" id="content3"> <label class="ml-3 label_sttyle_add">CNS</label> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_cns_boa" class="checkbox" <?=(strpos($record['sp_cns'], 'Depth of Anaesthesia Monitoring (BIS and Entropy etc)' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Depth of Anaesthesia Monitoring (BIS,Entropy, etc) </label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_cns_bsm" class="checkbox" <?=(strpos($record['sp_cns'], 'Brain-stem monitoring/SSEPs and MEPs' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Brain-stem monitoring/SSEPs, MEPs </label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_cns_nirs" <?=(strpos($record['sp_cns'], 'NIRS (Near Infra-red spectrometry) Cerebral Oximetry' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;NIRS (Near Infra-red spectrometry) Cerebral Oximetry </label> </div> </div> </div> <!-- ---------------------end ---- cns--------------- --> <div class="content" id="oDiv"> <label class="ml-3 label_sttyle_add">Other</label> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_others_ebp" class="checkbox" <?=(strpos($record['sp_others'], 'Epidural Blood Patch' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Epidural Blood Patch </label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_others_cdi" class="checkbox" <?=(strpos($record['sp_others'], 'Chest Drain Insertion' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Chest Drain Insertion </label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_others_lp" <?=(strpos($record['sp_others'], 'Lumbar Puncture' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Lumbar Puncture </label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_others_fau" class="checkbox" <?=(strpos($record['sp_others'], 'FAST /Abdominal ultrasound' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp; FAST /Abdominal ultrasound </label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_others_mt" class="checkbox" <?=(strpos($record['sp_others'], 'Massive transfusion' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Massive transfusion </label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_others_io" class="checkbox" <?=(strpos($record['sp_others'], 'Intra-osseus' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Intra-osseus </label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_others_ld" class="checkbox" <?=(strpos($record['sp_others'], 'Lumbar drain' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Lumbar drain </label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_others_gu" class="checkbox" <?=(strpos($record['sp_others'], 'Gastric Ultrasound' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Gastric Ultrasound </label> </div> </div> </div> <script> const oCheckbox = document.getElementById('oCheckbox'); const oDiv = document.getElementById('oDiv'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } // Add event listeners to checkboxes oCheckbox.addEventListener('change', function () { showDivIfChecked(oCheckbox, oDiv); }); // Trigger change events for checkboxes on page load oCheckbox.dispatchEvent(new Event('change')); </script> <!-- ---------------------start ---- other--------------- --> <!-- <div class="content" id="content4"> --> <!-- </div> --> </div> </div> <!-- ---------------------end ---- other--------------- --> <!-- end ----anasthesia--------------------------------- --> <!-- strat ---intra-op----------------------- --> <div class="accordion-item pre_op"> <div class="accordion-header pre_ophd_1 intra accr-new-hea" style="background-color: #D5D5FF; border-radius: 7px;"><img src="public/assets/logimages/Icon.png">&nbsp;&nbsp;<b>Intra-Op</b><span class="cancle"><a> <i class="fa fa-undo larger-icon" aria-hidden="true"></i> </a></span> </div> <div class="accordion-content"> <div id="gaDiv" style="display: none;"> <div class="row"> <div class="accordion-border preborder " id="preborder_1"></div> <div class="col-sm-2 ageno preborder_1"> <label for="ga technique" class="label_sttyle_add">GA Technique</label> <select name="ga_technique" class="form-control"> <option value=''>Select</option> <option value="Inhalational" <?=($record['ga_technique']==='Inhalational' ) ? 'selected' : '' ?> >Inhalational</option> <option value="TIVA" <?=($record['ga_technique']==='TIVA' ) ? 'selected' : '' ?>>TIVA </option> </select> </div> <div class="col-sm-2"></div> <div class="col-sm-8 ageno preborder_1"> <label for="GA Airway Management" class="label_sttyle_add">GA Airway Management </label><br> <div class="ga_air mt-2"> <div class="row"> <label for="GA ETT"> <input type="checkbox" name="ga_airway_management_eet" id="GA ETT" <?=(strpos($record['ga_airway_management'], 'GA ETT' ) !==false) ? 'checked' : '' ?> style="width: 13px; height: 13px;" > GA ETT </label for="GA LMA"> </div> <div class="row"> <label for="GA LMA"> <input type="checkbox" name="ga_airway_management_lma" id="GA LMA" <?=(strpos($record['ga_airway_management'], 'GA LMA' ) !==false) ? 'checked' : '' ?> style="width: 13px; height: 13px;" > GA LMA </label> </div> <div class="row"> <label for="GA Mask"> <input type="checkbox" name="ga_airway_management_mask" id="GA Mask" <?=(strpos($record['ga_airway_management'], 'GA MASK' ) !==false) ? 'checked' : '' ?> style="width: 13px; height: 13px;" > GA Mask </label> </div> <div class="row"> <label class="gaother"> <input type="checkbox" name="ga_airway_management_other" <?=(strpos($record['ga_airway_management'], 'GA other' ) !==false) ? 'checked' : '' ?> style="width: 13px; height: 13px;" > GA Other </label> </div> </div> </div> </div> </div> <div id="cnbDiv" style="display: none;"> <div class="row mt-5"> <div class="col-sm-3"> <label for="CNB Technique" class="label_sttyle_add">CNB Technique </label><br> <div class="row ml-1"> <label for="Spinal"> <input type="checkbox" name="cnb_technique_sp" id="Spinal" style="width: 13px; height: 13px;" <?=(strpos($record['cnb_technique'], 'Spinal' ) !==false) ? 'checked' : '' ?> > &nbsp;Spinal </label> </div> <div class="row ml-1"><label for="Epidural"> <input type="checkbox" name="cnb_technique_ep" id="Epidural" style="width: 13px; height: 13px;" <?=(strpos($record['cnb_technique'], 'Epidural' ) !==false) ? 'checked' : '' ?> > &nbsp;Epidural </label> </div> <div class="row ml-1"> <label for="CSE"> <input type="checkbox" name="cnb_technique_cse" id="CSE" style="width: 13px; height: 13px;" <?=(strpos($record['cnb_technique'], 'CSE' ) !==false) ? 'checked' : '' ?> > &nbsp;CSE </label> </div> <div class="row ml-1"> <label for="CSA"> <input type="checkbox" name="cnb_technique_csa" id="CSA" style="width: 13px; height: 13px;" <?=(strpos($record['cnb_technique'], 'CSA' ) !==false) ? 'checked' : '' ?> > &nbsp;CSA </label> </div> </div> <div class="col-sm-3"> <label for="CNB Catheter" class="label_sttyle_add">CNB Catheter </label><br> <label class="toggle-container mt-2"> <input type="checkbox" name="cnb_catheter" class="toggle-input" <?=($record['cnb_catheter']==="Yes" ) ? 'checked' : '' ?>> <span class="toggle-slider toggle-slider1" id="toggleup"></span> </label> </div> <!-- <div class="col-sm-3"> <label for="CNB Outcome (Success)">CNB Outcome (Success) </label><br> <select id="" name="cnb_outcome" class="form-control" style="border-radius: 17px;"> <option value="">Select</option> <option value="Complete Success">Complete Success </option> <option value="Partial Success">Partial Success </option> <option value="Failure">Failure </option> </select> </div> --> <div class="col-sm-6 successCNB-section" style="margin-top: -20px; margin-left: -75px;"> <label class="pt label_sttyle_add">CNB Success<!-- <a href="#" data-toggle="tooltip" data-placement="bottom" class="tip" title="Please consider the purpose of CNB along with the below definition Purpose of CNB 1: Sole/Primary anaesthetic 2: Analgesic purpose only.Success is defined as successful puncture and injection of Local anaesthetics in the desired neuraxial space along with development of block characteristics of sensory and/or motor blockade."><i class="fa fa-info-circle" aria-hidden="true"></i></a> --> <div class="tooltip-6"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-6"> <div class="text-content-6"> <h6>Please consider the purpose of CNB along with the below definition. <br><br> Purpose of CNB : <br> 1. Sole/Primary anaesthetic <br> 2. Analgesic purpose only<br><br>Success is defined as successful puncture and injection of Local anaesthetics in the desired neuraxial space along with development of block characteristics of sensory and/or motor blockade.</h6> <i></i> </div> </div> </div> &nbsp;<small class="succes" style="color:red; display:none;">please choose success status</small> </label> <div class="row"> <div class="col-sm-6"> <div class="form-check"> <label class="form-check-label"> <!-- <b><?= $record['cnb_outcome'];?></b> --> <input type="radio" class="form-check-input" id="dom" value="Complete Success" <?=(strpos($record['cnb_outcome'], 'Complete Success' ) !==false) ? 'checked' : '' ?> name="cnb_outcome" onclick="complete1()">Complete Success<!-- <a href="#" class="tip" data-toggle="tooltip" title="Complete Success: With the above condition being met, the purpose of CNB should be met adequately without any significant requirements of intravenous or inhalational anaesthetics, hypnotics and analgesics to perform the surgery.Use of the above agents in minimal amounts to provide patient comfort for incidental discomfort is acceptable.If used as analgesic purpose only, the cumulative intra-operative and postoperative opioids requirements should be nil or very minimal."><i class="fa fa-info-circle" aria-hidden="true"></i></a> --> <div class="tooltip-7"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-7"> <div class="text-content-7"> <h6><b>Complete Success:</b> <br>With the above condition being met, the purpose of CNB should be met adequately without any significant requirements of intravenous or inhalational anaesthetics, hypnotics and analgesics to perform the surgery.<br><br>Use of the above agents in minimal amounts to provide patient comfort for incidental discomfort is acceptable.<br><br>If used as analgesic purpose only, the cumulative intra-operative and postoperative opioids requirements should be nil or very minimal.<br><br><span style="justify-self: left;">For Labour Analgesia only:Complete Analgesia with pain scores VNRS>75% reduction within 45min of Epidural placement and bolus dose.High patient satisfication.</span></h6> <i></i> </div> </div> </div> </label> </div> <ul class="success-list pt-2"> <li>Onset</li> <li><input type="number" class="form-control c1" value="<?= $record['others_lowerlimb']; ?>" style="border-radius: 15px;" name="comp1" id="dom1" readonly></li> <li>&nbsp;&nbsp;&nbsp;(Mins)</li> </ul> <div class="form-check"> <label class="form-check-label"> <input type="radio" class="form-check-input" id="dar" <?=(strpos($record['cnb_outcome'], 'Partial Success' ) !==false) ? 'checked' : '' ?> value="Partial Success" name="cnb_outcome" name="part" onclick="partial1()">Partial Success<!-- <a href="#" data-toggle="tooltip" data-placement="bottom" class="tip" title="Partial Succes: With the above block success definition being satisfied, the purpose of CNB is being met with some additional intravenous analgesics / inhalationals including but not restricted to LA infiltration, opioids, ketamine, hypnotics.If used as analgesic purpose only, the cumulative intra-operative and postoperative pain and opioids requirements are moderate."><i class="fa fa-info-circle" aria-hidden="true"></i></a> --> <div class="tooltip-8"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-8"> <div class="text-content-8"> <h6><b>Partial Succes</b>:<br> With the above block success definition being satisfied, the purpose of CNB is being met with some additional intravenous analgesics / inhalationals including but not restricted to LA infiltration , opioids , ketamine , hypnotics.<br><br>If used as analgesic purpose only, the cumulative intra-operative and postoperative pain and opioids requirements are moderate.<br><br> For Labour Analgesia only:Pain scores VNRS 25-75% reduction , requires further toop-up , alternative analgesia to improve quality of analgesia.Moderate patient satisfaction scores.</h6> <i></i> </div> </div> </div> </label> </div> <ul class="success-list pt-2"> <li>Onset</li> <li><input type="number" class="form-control p1" value="<?= $record['others_lowerlimb']; ?>" style="border-radius: 15px;" name="part_1" id="dar1" readonly></li> <li>&nbsp;&nbsp;&nbsp;(Mins)</li> </ul> <div class="form-check"> <label class="form-check-label"> <input type="radio" class="form-check-input" id="par" <?=(strpos($record['cnb_outcome'], 'Failure' ) !==false) ? 'checked' : '' ?> value="Failure" name="cnb_outcome" name="fail1" onclick="failure1()">Failure<!-- <a href="#" data-toggle="tooltip" data-placement="bottom" class="tip" title="Failure: Defined as failure to enter the required space, failure to achieve required sensory /motor block. Conversion to GA or very high opioid/ ketamine or hypnotic requirements."><i class="fa fa-info-circle" aria-hidden="true"></i></a> --> <div class="tooltip-9"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-9"> <div class="text-content-9"> <h6><b>Failure:</b> <br> Defined as failure to enter the required space, failure to achieve required sensory /motor block. Conversion to GA or very high opioid/ ketamine or hypnotic requirements.<br><br> <span style="justify-self: left;">For Labour Analgesia only:VNRS reduction &lt;25%, no discernible sensory level, requires re-siting, abandonment, dural puncture or very dis-satisfied patient. </span> </h6> <i></i> </div> </div> </div> </label> </div> </div> <div class="col-sm-4"> <!-- <input type="text" id="in"> <h1><?= $record['cnb_outcome']; ?></h1> --> <script> var cn = <?= json_encode(explode(',', $record['cnb_outcome'])); ?>; if (cn.length === 2) { if (cn[0].trim() === 'Complete Success') { $('#dom1').val(cn[1]); } if (cn[0].trim() === 'Partial Success') { $('#dar1').val(cn[1]); } } </script> </div> </div> </div> </div> </div> <div id="pnbDiv" style="display: none;"> <div class="row mt-5"> <div class="col-sm-3"> <label for="PNB Block Site" class="label_sttyle_add">PNB Block Site</label><br> <select id="" name="pnb_block_site" class="form-control" style="border-radius: 17px;"> <option value="">Select</option> <option value="Right" <?=($record['pnb_block_site']==='Right' ) ? 'selected' : '' ?>>Right </option> <option value="Left" <?=($record['pnb_block_site']==='Left' ) ? 'selected' : '' ?>>Left </option> <option value="Both" <?=($record['pnb_block_site']==='Both' ) ? 'selected' : '' ?>>Both </option> </select> </div> <div class="col-sm-9"> <label class="label_sttyle_add">PNB Block Location</label><br> <div class="row ml-1"> <label> <input type="checkbox" name="pnb_block_location_capp" value="Chest Abdomen Perineum and Pelvis" <?=(strpos($record['pnb_block_location'], 'Chest Abdomen Perineum and Pelvis' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content01"> Chest, Abdomen Perineum and Pelvis </label> </div> <div class="row ml-1"> <label> <input type="checkbox" name="pnb_block_location_hn" value="Head and Neck" <?=(strpos($record['pnb_block_location'], 'Head and Neck' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content02"> Head and Neck </label> </div> <div class="row ml-1"> <label> <input type="checkbox" name="pnb_block_location_ll" value="Lower Limb" <?=(strpos($record['pnb_block_location'], 'Lower Limb' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content03"> Lower Limb </label> </div> <div class="row ml-1"> <label> <input type="checkbox" name="pnb_block_location_ul" value="Upper Limb" <?=(strpos($record['pnb_block_location'], 'Upper Limb' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content04"> Upper Limb </label> </div> <!-- <label for="PNB Block Location">PNB Block Location </label><br> <label for="checkbox1"> <input type="checkbox" style="width: 13px; height: 13px;" name="checkbox1" value="option1"> Chest, Abdomen Perineum and Pelvis </label>&nbsp;&nbsp;&nbsp;&nbsp; <label class="han"> <input type="checkbox" style="width: 13px; height: 13px;" name="checkbox1" value="option1"> Head and Neck </label><br> <label> <input type="checkbox" style="width: 13px; height: 13px;" name="checkbox1" value="option1"> Lower Limb </label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> <label class="upper_lim" style="position: relative; left: 127px;"> <input type="checkbox" style="width: 13px; height: 13px;" name="checkbox1" value="option1"> Upper Limb </label></span> --> </div> </div> <label for="PNB Block" class="label_sttyle_add">PNB Block</label><br> <div class="row"> <!-- Create content divs for each checkbox --> <div class="content chestpnb" id="content01" style="border: none;"> <!-- <div class="content1av form-control ml-4 mt-3" style="width: auto;"> --> <div style="box-shadow: 2px 2px 15px rgb(159, 159, 167); border-radius: 10px; width: 150%;"> <label class="ml-3 label_sttyle_add">Chest, Abdomen Perineum and Pelvis</label><br> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_capppnbl_ct" value="Classic TAP" <?=(strpos($record['pnbl_capppnbl'], 'Classic TAP' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Classic TAP </label> </div> <div class="col-sm-6 mr-5"> <label class="checkbox-label ml-5 cervical capp"><input type="checkbox" name="pnbl_capppnbl_iib" <?=(strpos($record['pnbl_capppnbl'], 'Ilionguinal Iliohypogastric Block (Hernia Block)' ) !==false) ? 'checked' : '' ?> value="Ilionguinal Iliohypogastric Block (Hernia Block)" class="checkbox" data-content="content14">&nbsp;Ilionguinal Iliohypogastric Block (Hernia Block) </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_capppnbl_esb" value="Erector Spinae Block - Thoracic" <?=(strpos($record['pnbl_capppnbl'], 'Erector Spinae Block - Thoracic' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Erector Spinae Block - Thoracic </label> </div> <div class="col-sm-6 ml-5"> <label class="checkbox-label cervical capp"><input type="checkbox" name="pnbl_capppnbl_inb" value="Intercostal Nerve Block" <?=(strpos($record['pnbl_capppnbl'], 'Intercostal Nerve Block' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Intercostal Nerve Block </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_capppnbl_esb_l" value="Erector Spinae Block - Lumbar" class="checkbox" <?=(strpos($record['pnbl_capppnbl'], 'Erector Spinae Block - Lumbar' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Erector Spinae Block - Lumbar </label> </div> <div class="col-sm-6 ml-5"> <label class="checkbox-label cervical capp"><input type="checkbox" name="pnbl_capppnbl_pl" value="Paravertebral Lumbar" <?=(strpos($record['pnbl_capppnbl'], 'Paravertebral Lumbar' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Paravertebral Lumbar </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_capppnbl_pt" value="Paravertebral Thoracic" class="checkbox" <?=(strpos($record['pnbl_capppnbl'], 'Paravertebral Thoracic' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Paravertebral Thoracic </label> </div> <div class="col-sm-6 ml-5"> <label class="checkbox-label cervical capp"><input type="checkbox" name="pnbl_capppnbl_p1" value="PECS 1" <?=(strpos($record['pnbl_capppnbl'], 'PECS 1' ) !==false)? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;PECS 1 </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_capppnbl_p2" value="PECS 2" <?=(strpos($record['pnbl_capppnbl'], 'PECS 2' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;PECS 2 </label> </div> <div class="col-sm-6 ml-5"> <label class="checkbox-label cervical capp"><input type="checkbox" name="pnbl_capppnbl_pb" value="Penile Block" <?=(strpos($record['pnbl_capppnbl'], 'Penile Block' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Penile Block </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_capppnbl_qlb1" value="Quadratus Lumborum Block 1" class="checkbox" <?=(strpos($record['pnbl_capppnbl'], 'Quadratus Lumborum Block 1' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Quadratus Lumborum Block 1 </label> </div> <div class="col-sm-6 ml-5"> <label class="checkbox-label cervical capp"><input type="checkbox" name="pnbl_capppnbl_qlb2" value="Quadratus Lumborum Block 2" <?=(strpos($record['pnbl_capppnbl'], 'Quadratus Lumborum' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Quadratus Lumborum Block 2 </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_capppnbl_qlb3" value="Quadratus Lumborum Block 3" class="checkbox" <?=(strpos($record['pnbl_capppnbl'], 'Quadratus Lumborum Block 3' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Quadratus Lumborum Block 3 </label> </div> <div class="col-sm-6 ml-5"> <label class="checkbox-label cervical capp"><input type="checkbox" name="pnbl_capppnbl_pab" value="Peri-anal Block" <?=(strpos($record['pnbl_capppnbl'], 'Peri-anal Block' )!==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Peri-anal Block </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" class="checkbox" name="pnbl_capppnbl_rs" value="Rectus Sheath" <?=(strpos($record['pnbl_capppnbl'], 'Rectus Sheath' )!==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Rectus Sheath </label> </div> <div class="col-sm-6 ml-5"> <label class="checkbox-label cervical capp"><input type="checkbox" name="pnbl_capppnbl_spb" value="Serratus Plane Block" <?=(strpos($record['pnbl_capppnbl'], 'Serratus Plane Block' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Serratus Plane Block </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" class="checkbox" name="pnbl_capppnbl_st" value="Subcostal TAP" <?=(strpos($record['pnbl_capppnbl'], 'Subcostal TAP' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Subcostal TAP </label> </div> <div class="col-sm-6 ml-5"> <label class="checkbox-label cervical capp"><input type="checkbox" name="pnbl_capppnbl_tfb" value="Transversalis Fascia Block" <?=(strpos($record['pnbl_capppnbl'], 'Transversalis Fascia Block' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Transversalis Fascia Block </label> </div> </div> <div class="row"> <div class="col-sm-4 ml-4"> <label class="checkbox-label "><input type="checkbox" name="other_1" id="oCheckbox3" value="other" class="checkbox" <?=(strpos($record['pnbl_capppnbl'], 'other' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Other </label> <div id="oDiv3"><input type="text" name="pnbl_capppnbl_other" value="<?= $record['others_chest']; ?>" class="form-control mb-2 styled-input" data-content="content4" data-content="content1" style="margin-left: 70px;margin-top: -30px;"></div> </div> </div> </div> </div> <!-- ---------------------end ---- Airway and Ventilation--------------- --> <!-- ---------------------start ---- Head and Neck--------------- --> <div class="content" id="content02" style="border: none; width: 140%;"> <div style="box-shadow: 2px 2px 15px rgb(159, 159, 167); border-radius: 10px;"> <label class="ml-3 label_sttyle_add">Head and Neck</label><br> <div class="row ml-1"> <div class="ml-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_headneck_cpb" value="Cervical plexus deep" class="checkbox" <?=(strpos($record['pnbl_headneck'], 'Cervical plexus deep' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Cervical plexus deep</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="checkbox-label ml-5 cervical "><input type="checkbox" name="pnbl_headneck_cpi" value="Cervical plexus intermediate" <?=(strpos($record['pnbl_headneck'], 'Cervical plexus intermediat' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Cervical plexus intermediate</label> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="checkbox-label mr-5 cer1"><input type="checkbox" name="pnbl_headneck_cps" value="Cervical plexus superficial" class="checkbox" <?=(strpos($record['pnbl_headneck'], 'Cervical plexus superficial' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Cervical plexus superficial</label> </div> </div> <div class="row ml-1"> <div class="ml-4"> <label class="checkbox-label"><input type="checkbox" name="pnbl_headneck_ebp" value="Eye block - Peribulbar" class="checkbox" <?=(strpos($record['pnbl_headneck'], 'Eye block - Peribulba' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Eye block - Peribulbar</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="checkbox-label " id="bronch"><input type="checkbox" name="pnbl_headneck_ebr" value="Eye block -Retrobulbar" <?=(strpos($record['pnbl_headneck'], 'Eye block -Retrobulbar' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Eye block - Retrobulbar</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; <label class="checkbox-label ml-5 eyeblocksub"><input type="checkbox" name="pnbl_headneck_ebs" value="Eye block -Subtenon" <?=(strpos($record['pnbl_headneck'], 'Eye block -Subtenon' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Eye block - Subtenon</label> </div> </div> <div class="row ml-1"> <div class="ml-4"> <label class="checkbox-label"><input type="checkbox" name="pnbl_headneck_mrnb" value="Mandibular Nerve Block" class="checkbox" <?=(strpos($record['pnbl_headneck'], 'Mandibular Nerve Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Mandibular Nerve Block</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <label class="checkbox-label "><input type="checkbox" name="pnbl_headneck_mnb" value="Maxillary Nerve Block" class="checkbox" <?=(strpos($record['pnbl_headneck'], 'Maxillary Nerve Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Maxillary Nerve Block</label> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; <label class="checkbox-label ml-3 Occipitals" id="jet"><input type="checkbox" name="pnbl_headneck_onb" value="Occipital Nerve Block" class="checkbox" <?=(strpos($record['pnbl_headneck'], 'Occipital Nerve Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Occipital Nerve Block</label> </div> </div> <div class="row ml-1"> <div class="ml-4"> <label class="checkbox-label"><input type="checkbox" name="pnbl_headneck_sb" value="Scalp Block" class="checkbox" <?=(strpos($record['pnbl_headneck'], 'Scalp Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Scalp Block</label> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="checkbox-label ml-5 Ganglion"><input type="checkbox" name="pnbl_headneck_sgb" value="Sphenopalatine Ganglion Block" <?=(strpos($record['pnbl_headneck'], 'Sphenopalatine Ganglion Block' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Sphenopalatine Ganglion Block</label> &nbsp; &nbsp;&nbsp;&nbsp; <label class="checkbox-label "><input type="checkbox" name="pnbl_headneck_tgb" value="Trigeminal Ganglion Block" class="checkbox" <?=(strpos($record['pnbl_headneck'], 'Trigeminal Ganglion Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Trigeminal Ganglion Block</label> </div> </div> <div class="row ml-1"> <div class="ml-4"> <label><input type="checkbox" name="other2" value="other" id="contentCheckbox" class="checkbox" data-content="content4" <?=(strpos($record['pnbl_headneck'], 'other' ) !==false) ? 'checked' : '' ?> id="contentCheckbox"> Other</label> <div id="oDiv2"> <input type="text" name="pnbl_headneck_other" class="form-control mb-2 styled-input" value="<?= $record['others_headneck']; ?>" data-content="content4" data-content="content1" style="margin-left: 70px; margin-top: -30px; "></div> </div> </div> </div> </div> <!-- ---------------------end ---- Head and Neck--------------- --> <!-- ---------------------end ---- cns--------------- --> <div class="content" id="content03" style="border: none; width: 140%;"> <div style="box-shadow: 2px 2px 15px rgb(159, 159, 167); border-radius: 10px;"> <label class="ml-3 label_sttyle_add">Lower Limb</label><br> <div class="row ml-1"> <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" name="pnbl_lowerlimb_acb" value="Adductor Canal Block" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Adductor Canal Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Adductor Canal Block </label> </div> <div class="col-sm-4"> <label class="checkbox-label ml-5 cervical"><input type="checkbox" name="pnbl_lowerlimb_a" value="Ankle" <?=(strpos($record['pnbl_lowerlimb'], 'Ankle' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Ankle </label> </div> <div class="col-sm-4"> <label class="checkbox-label mr-5"><input type="checkbox" name="pnbl_lowerlimb_bb" value="Biers Block" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Biers Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Biers Block </label> </div> </div> <div class="row ml-1"> <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" name="pnbl_lowerlimb_fi" value="Fascial Iliaca" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Fascial Iliaca' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Fascial Iliaca </label> </div> <div class="col-sm-4"> <label class="checkbox-label ml-5 cervical"><input type="checkbox" name="pnbl_lowerlimb_cp" value="Common Peroneal Nerve" <?=(strpos($record['pnbl_lowerlimb'], 'Common Peroneal Nerve' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Common Peroneal Nerve </label> </div> <div class="col-sm-4"> <label class="checkbox-label mr-5"><input type="checkbox" name="pnbl_lowerlimb_fn" value="Femoral Nerve" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Femoral Nerve' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Femoral Nerve </label> </div> </div> <div class="row ml-1"> <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" name="pnbl_lowerlimb_ip" value="iPACK" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'iPACK' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;iPACK </label> </div> <div class="col-sm-4"> <label class="checkbox-label ml-5 cervical"><input type="checkbox" name="pnbl_lowerlimb_lpb" value="Lumbar plexus Block" <?=(strpos($record['pnbl_lowerlimb'], 'Lumbar plexus Block' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Lumbar plexus Block </label> </div> <div class="col-sm-4"> <label class="checkbox-label mr-5"><input type="checkbox" name="pnbl_lowerlimb_ob" value="Obturator Nerve" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Obturator Nerve' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Obturator Nerve </label> </div> </div> <div class="row ml-1"> <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" name="pnbl_lowerlimb_lcn" value="Lateral Cutaneous Nerve" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Lateral Cutaneous Nerve' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Lateral Cutaneous Nerve &nbsp;&nbsp;&nbsp;&nbsp;of Thigh </label> </div> <div class="col-sm-4"> <label class="checkbox-label ml-5 cervical"><input type="checkbox" name="pnbl_lowerlimb_spb" value="Sacral Plexus Block" <?=(strpos($record['pnbl_lowerlimb'], 'Sacral Plexus Block' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Sacral Plexus Block </label> </div> <div class="col-sm-4"> <label class="checkbox-label mr-5"><input type="checkbox" name="pnbl_lowerlimb_snb" value="Saphaneous Nerve Block" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Saphaneous Nerve Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Saphaneous Nerve Block </label> </div> </div> <div class="row ml-1"> <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" name="pnbl_lowerlimb_snp" value="Sciatic Nerve - Popliteal" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Sciatic Nerve - Popliteal' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Sciatic Nerve - Popliteal </label> </div> <div class="col-sm-4"> <label class="checkbox-label ml-5 cervical"><input type="checkbox" name="pnbl_lowerlimb_snu" value="Sciatic Nerve - Upper Thigh and Mid Thigh" <?=(strpos($record['pnbl_lowerlimb'], 'Sciatic Nerve - Upper Thigh and Mid Thigh' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Sciatic Nerve - Upper Thigh and Mid Thigh </label> </div> <!-- <div class="col-sm-4"> <label class="checkbox-label mr-5"><input type="checkbox" name="pnbl_lowerlimb_tmt" value="Thigh Mid Thigh" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Thigh Mid Thigh' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Thigh, Mid Thigh </label> </div> --> </div> <div class="row ml-1"> <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" name="pnbl_lowerlimb_stn" value="Selective Tibial Nerve" class="checkbox" <?=(strpos($record['pnbl_lowerlimb'], 'Selective Tibial Nerve' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Selective Tibial Nerve </label> </div> <div class="col-sm-4"> <label class="checkbox-label ml-5 cervical"><input type="checkbox" name="pnbl_lowerlimb_other" value="other" id="oCheckbox4" <?=(strpos($record['pnbl_lowerlimb'], 'other' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Other </label> <div id="oDiv4"><input type="text" name="pnbl_lowerlimb_other1" class="form-control mb-2 styled-input" value="<?= $record['others_lowerlimb']; ?>" data-content="content4" data-content="content1" style="margin-left: 110px; margin-top: -30px;"></div> </div> </div> </div> </div> <!-- ---------------------end ---- cns--------------- --> <div class="content" id="content04" style="border: none;"> <div style="box-shadow: 2px 2px 15px rgb(159, 159, 167); border-radius: 10px; width: 140%;" class="u-p-mob"> <label class="ml-3 label_sttyle_add">Upper Limb </label><br> <div class="row ml-1"> <div class="col-sm-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_upperlimb_ax" value="Axillary" class="checkbox" <?=(strpos($record['pnbl_upperlimb'], 'Axillary' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Axillary </label> </div> <div class="col-sm-4"> <label class="checkbox-label cervical" style="position: relative; left: 0px;"><input type="checkbox" name="pnbl_upperlimb_bb" value="Biers Block" <?=(strpos($record['pnbl_upperlimb'], 'Biers Block' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Bier's Block </label> </div> <div class="col-sm-4"> <label class="checkbox-label mr-5"><input type="checkbox" name="pnbl_upperlimb_dr" value="Digital Ring Block" class="checkbox" <?=(strpos($record['pnbl_upperlimb'], 'Digital Ring Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Digital Ring Block </label> </div> </div> <div class="row ml-1"> <!-- <div class="col-sm-4"> <label class="checkbox-label "><input type="checkbox" name="pnbl_upperlimb_block" value="Block" class="checkbox" <?=(strpos($record['pnbl_upperlimb'], 'Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Block </label> </div> --> <div class="col-sm-4"> <label class="checkbox-label cervical" style="position: relative; left: 0px;"><input type="checkbox" name="pnbl_upperlimb_dn" value="Distal Nerves" <?=(strpos($record['pnbl_upperlimb'], 'Distal Nerves' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Distal Nerves </label> </div> <div class="col-sm-4"> <label class="checkbox-label mr-5"><input type="checkbox" name="pnbl_upperlimb_inf" value="Infraclavicular" class="checkbox" <?=(strpos($record['pnbl_upperlimb'], 'Infraclavicular' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Infraclavicular </label> </div> <div class="col-sm-4 "> <label class="checkbox-label "><input type="checkbox" name="pnbl_upperlimb_int" value="Interscalene" class="checkbox" <?=(strpos($record['pnbl_upperlimb'], 'Interscalene' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Interscalene </label> </div> </div> <div class="row ml-1"> <div class="col-sm-4"> <label class="checkbox-label cervical" style="position: relative; left: 0px;"><input type="checkbox" name="pnbl_upperlimb_sup" value="Supraclavicular" <?=(strpos($record['pnbl_upperlimb'], 'Supraclavicular' ) !==false) ? 'checked' : '' ?> class="checkbox" data-content="content14">&nbsp;Supraclavicular </label> </div> <div class="col-sm-4"> <label class="checkbox-label mr-5"><input type="checkbox" class="checkbox" name="pnbl_upperlimb_wb" value="Wrist Block" <?=(strpos($record['pnbl_upperlimb'], 'Wrist Block' ) !==false) ? 'checked' : '' ?> data-content="content14">&nbsp;Wrist Block </label> </div> <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" id="oCheckbox5" <?=(strpos($record['pnbl_upperlimb'], 'other' ) !==false) ? 'checked' : '' ?> class="checkbox" name="upperlimb_other1" value="other" data-content="content14">&nbsp;Other </label> <div id="oDiv5"> <input type="text" class="form-control mb-2 styled-input " value="<?= $record['other_upperlimb']; ?>" name="upperlimb_other2" data-content="content4" data-content="content1" style="margin-left: 70px; width: 65% !important; margin-top: -30px;"> </div> </div> </div> <div class="row ml-1"> </div> </div> </div> <div class="col-sm-12"> </div> </div> <div class="row"> <div class="col-sm-3 mt-4"> <label for="CNB Technique" class="label_sttyle_add ">PNB Technique </label><br> <div class="row ml-1"> <label for="Landmark"> <input type="checkbox" name="pmb_technique_l" value="Landmark" id="Landmark" style="width: 13px; height: 13px;" name="checkbox1" <?=(strpos($record['pmb_technique'], 'Landmark' ) !==false) ? 'checked' : '' ?> value="option1"> Landmark </label> </div> <div class="row ml-1"><label for="PNS"> <input type="checkbox" name="pmb_technique_pns" value="PNS" id="PNS" style="width: 13px; height: 13px;" name="checkbox1" <?=(strpos($record['pmb_technique'], 'PNS' ) !==false) ? 'checked' : '' ?> value="option1"> PNS </label></div> <div class="row ml-1"><label for="Ultrasound"> <input type="checkbox" name="pmb_technique_ultra" value="Ultrasound" id="Ultrasound" style="width: 13px; height: 13px;" name="checkbox1" <?=(strpos($record['pmb_technique'], 'Ultrasound' ) !==false) ? 'checked' : '' ?> value="option1"> Ultrasound </label></div> <div class="row ml-1"><label for="Dual"> <input type="checkbox" name="pmb_technique_dual" value="Dual" id="Dual" style="width: 13px; height: 13px;" name="checkbox1" <?=(strpos($record['pmb_technique'], 'Dual' ) !==false) ? 'checked' : '' ?> value="option1"> Dual </label></div> </div> <div class="col-sm-2 mt-4"> <label for="CNB Catheter" class="label_sttyle_add">PNB Catheter </label><br> <label class="toggle-container mt-2"> <input type="checkbox" name="pnb_catheter" <?=($record['pnb_catheter']==="Yes" ) ? 'checked' : '' ?> class="toggle-input"/> <span class="toggle-slider toggle-slider1" id="toggleup"></span> </label> </div> <div class="col-sm-7 success-section mt-2"> <label class="pt label_sttyle_add">PNB Success<!-- <a href="#" data-toggle="tooltip" data-placement="bottom" class="tip" title="Please consider the purpose of CNB along with the below definition Purpose of PNB 1: Sole/Primary anaesthetic 2: Analgesic purpose only.Success is defined as successful puncture and injection of Local anaesthetics in the desired neuraxial space along with development of block characteristics of sensory and/or motor blockade."><i class="fa fa-info-circle" aria-hidden="true"></i></a> --> <!-- <div class="tooltip-6"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-6"> <div class="text-content-6"> <h6>Please consider the purpose of CNB along with the below definition. <br><br> Purpose of CNB : <br> 1. Sole/Primary anaesthetic <br> 2. Analgesic purpose only<br><br>Success is defined as successful puncture and injection of Local anaesthetics in the desired neuraxial space along with development of block characteristics of sensory and/or motor blockade.</h6> <i></i> </div> </div> </div> --> <!-- <div class="tooltip-9"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-9"> <div class="text-content-9"> <h6><span style="justify-content: left;"> Block Success is defined as successful punture and injection of local anaesthetic with development of block characteristics sensory and/or motor.</span></h6> <i></i> </div> </div> </div> --> <div class="tooltip-9"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-9"> <div class="text-content-9"> <h6><span style="justify-content: left;"> Block Success is defined as successful puncture and injection of local anaesthetic with development of block characteristics sensory and/or motor.</span></h6> <i></i> </div> </div> </div> &nbsp;<small class="succes" style="color:red; display:none;">please choose success status</small> </label> <div class="row"> <div class="col-sm-6"> <div class="form-check"> <label class="form-check-label"> <input type="radio" class="form-check-input" id="com" value="Complete Success" name="optradio2" <?=(strpos($record['success'], 'Complete Success' ) !==false) ? 'checked' : '' ?>>Complete Success<!-- <a href="#" class="tip" data-toggle="tooltip" title="Complete Success: With the above condition being met, the purpose of CNB should be met adequately without any significant requirements of intravenous or inhalational anaesthetics, hypnotics and analgesics to perform the surgery.Use of the above agents in minimal amounts to provide patient comfort for incidental discomfort is acceptable.If used as analgesic purpose only, the cumulative intra-operative and postoperative opioids requirements should be nil or very minimal."><i class="fa fa-info-circle" aria-hidden="true"></i></a> --> <div class="tooltip-9"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-9"> <div class="text-content-9"> <h6>Complete-Success is with the above Block Success condition and with post operative pain and opioid requirement being nill or significantly less.</h6> <i></i> </div> </div> </div> <!-- <div class="tooltip-7"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-7"> <div class="text-content-7"> <h6><b>Complete Success:</b> <br>With the above condition being met, the purpose of CNB should be met adequately without any significant requirements of intravenous or inhalational anaesthetics, hypnotics and analgesics to perform the surgery.<br><br>Use of the above agents in minimal amounts to provide patient comfort for incidental discomfort is acceptable.<br><br>If used as analgesic purpose only, the cumulative intra-operative and postoperative opioids requirements should be nil or very minimal.</h6> <i></i> </div> </div> </div> --> </label> </div> <!-- <ul class="success-list pt-2"> <li>Onset</li> <li><input type="number" class="form-control" style="border-radius: 15px;" name="comp1" id="com1" readonly></li> <li>&nbsp;&nbsp;&nbsp;(Mins)</li> </ul> --> <div class="form-check"> <label class="form-check-label"> <input type="radio" class="form-check-input" id="par" <?=(strpos($record['success'], 'Partial Success' ) !==false) ? 'checked' : '' ?> value="Partial Success" name="optradio2" name="part">Partial Success<!-- <a href="#" data-toggle="tooltip" data-placement="bottom" class="tip" title="Partial Succes: With the above block success definition being satisfied, the purpose of CNB is being met with some additional intravenous analgesics / inhalationals including but not restricted to LA infiltration, opioids, ketamine, hypnotics.If used as analgesic purpose only, the cumulative intra-operative and postoperative pain and opioids requirements are moderate."><i class="fa fa-info-circle" aria-hidden="true"></i></a> --> <div class="tooltip-9"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-9"> <div class="text-content-9"> <h6>Partial-Success is with the above Block Success condtition and supplemented by extra local anaesthetic infiltration and small doses of opioids, ketamine or hypnotics. And with post operative pain and opioid requirement being moderate.</h6> <i></i> </div> </div> </div> <!-- <div class="tooltip-8"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-8"> <div class="text-content-8"> <h6><b>Partial Succes</b>:<br> With the above block success definition being satisfied, the purpose of CNB is being met with some additional intravenous analgesics / inhalationals including but not restricted to LA infiltration , opioids , ketamine , hypnotics.<br><br>If used as analgesic purpose only, the cumulative intra-operative and postoperative pain and opioids requirements are moderate.</h6> <i></i> </div> </div> </div> --> </label> </div> <!-- <ul class="success-list pt-2"> <li>Onset</li> <li><input type="number" class="form-control" style="border-radius: 15px;" name="part_1" id="par1" readonly></li> <li>&nbsp;&nbsp;&nbsp;(Mins)</li> </ul --> <div class="form-check"> <label class="form-check-label"> <input type="radio" class="form-check-input" id="par" <?=(strpos($record['success'], 'Failure' ) !==false) ? 'checked' : '' ?> value="Failure" name="optradio2" name="fail">Failure<!-- <a href="#" data-toggle="tooltip" data-placement="bottom" class="tip" title="Failure: Defined as failure to enter the required space, failure to achieve required sensory /motor block. Conversion to GA or very high opioid/ ketamine or hypnotic requirements."><i class="fa fa-info-circle" aria-hidden="true"></i></a> --> <div class="tooltip-9"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-9"> <div class="text-content-9"> <h6>Block Failure defined as partial or fully failed block which needed conversion to GA or LARGE doses of opioids, ketamine or hypnotics. And with post operative pain and opioid requirement being high. </h6> <i></i> </div> </div> </div> <!-- <div class="tooltip-9"> <i class="fa fa-info-circle" aria-hidden="true"></i> <div class="right-9"> <div class="text-content-9"> <h6><b>Failure:</b> <br> Defined as failure to enter the required space, failure to achieve required sensory /motor block. Conversion to GA or very high opioid/ ketamine or hypnotic requirements. </h6> <i></i> </div> </div> </div> --> </label> </div> </div> <div class="col-sm-4"></div> </div> </div> </div> </div> </div> </div> <!-- -------------------end intra -op--------------------------------------------- --> <!-- strat ---notes----------------------- --> <div class="accordion-item pre_op"> <div class="accordion-header pre_ophd_1 notes accr-new-hea" style="background-color: #D5D5FF; border-radius: 7px;"><img src="public/assets/logimages/Icon.png">&nbsp;&nbsp;<b>Notes</b><span class="cancle"><a> <i class="fa fa-undo larger-icon" aria-hidden="true"></i> </a></span> </div> <div class="accordion-content"> <div class="row"> <div class="accordion-border preborder " id="preborder_1"></div> <div class="col-sm-3 ageno preborder_1"> <label for="speciality" class="label_sttyle_add">Pain Review Type</label> <select id="" name="pain_review_type" class="form-control" style="border-radius: 17px;"> <option value="" <?=($record['pain_review_type']==='Postop PCA Review' ) ? 'selected' : '' ?>>Select</option> <option value="Postop PCA Review" <?=($record['pain_review_type']==='Postop PCA Review' ) ? 'selected' : '' ?> >Postop PCA Review </option> <option value="Postop Epidural Review" <?=($record['pain_review_type']==='Postop Epidural Review' ) ? 'selected' : '' ?>>Postop Epidural Review </option> <option value="Postop Review (general)" <?=($record['pain_review_type']==='Postop Review (general)' ) ? 'selected' : '' ?>>Postop Review (general) </option> <option value="Acute on chronic pain review" <?=($record['pain_review_type']==='Acute on chronic pain review' ) ? 'selected' : '' ?>>Acute on chronic pain review </option> <option value="Trauma review" <?=($record['pain_review_type']==='Trauma review' ) ? 'selected' : '' ?> >Trauma review </option> <option value="Simple pain plan" <?=($record['pain_review_type']==='Simple pain plan' ) ? 'selected' : '' ?> >Simple pain plan </option> <option value="Complex pain plan" <?=($record['pain_review_type']==='Complex pain plan' ) ? 'selected' : '' ?> >Complex pain plan </option> <option value="Regional block top-up" <?=($record['pain_review_type']==='Regional block top-up' ) ? 'selected' : '' ?>>Regional block top-up </option> <option value="Chronic Pain review" <?=($record['pain_review_type']==='Chronic Pain review' ) ? 'selected' : '' ?>>Chronic Pain review </option> <option value="Cancer Pain review" <?=($record['pain_review_type']==='Cancer Pain review' ) ? 'selected' : '' ?>>Cancer Pain review </option> </select> </div> <div class="col-sm-3 mt-3"> <label for="Case Tags" class="label_sttyle_add">Case Tags</label> <select id="casetag" name="case_tags" class="form-control" style="border-radius: 17px;"> <option value="">Select</option> <option value="Complex case" <?=($record['case_tags']==='Complex case' ) ? 'selected' : '' ?>>Complex case </option> <option value="Interesting case" <?=($record['case_tags']==='Interesting case' ) ? 'selected' : '' ?> >Interesting case </option> <option value="Publication worthy case" <?=($record['case_tags']==='Publication worthy case' ) ? 'selected' : '' ?> >Publication worthy case </option> <option value="Critical incident" <?=($record['case_tags']==='Critical incident' ) ? 'selected' : '' ?> >Critical incident </option> </select> </div> </div> <div class="row"> <div class="col-sm-9 ageno preborder_1"> <label for="notes" class="label_sttyle_add">Notes</label> <input type="textarea" name="notes" value="<?= $record['notes']; ?>" for="notes" class="form-control" id="notes_inp" style="height: 73px; width: 458px;"> </div> </div> </div> </div> </div> <button type="submit" class="btn last_save ml-3 mt-3">Update</button> <button class="btn last_cancel ml-3 mt-3"><a href="<?php echo base_url('logbook-edit'); ?>">Cancel</a></button> </form> <!-- medu ai8 start --> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <!-- <button onclick="document.getElementById('id01').style.display='block'" class="w3-button w3-black">Open Animated Modal</button> --> <div id="id01" class="w3-modal"> <div class="w3-modal-content w3-animate-top w3-card-4"> <header class="w3-container "> <div class='row' style=' margin-bottom: 30px;'> <div class='col-sm-10'></div> <div class='col-sm-2'> <span onclick="aiclose()" class="w3-button w3-display-topright">&times;</span> </div> </div> </header> <div class="w3-container"> <!-- inside big modal --> <div class="row"> <div class="col-sm-12"> <!-- answer--> <div class="container"> <div class="row mt-2"> <div class="col-sm-12 chat-ans"> <div id="chat-result" class='p-4'></div> <div id="loading-spinner" class='p-4' style="display: none;"> <div class="spinner"> <span></span> <span></span> <span></span> </div> </div> </div> </div> </div> <!-- question #cdc7c74d--> <div class="row mt-3"> <div class="col-sm-12 search-ques"> <h3 style="color: #004a83; "><b style="display: flex; justify-content: center; align-item:center"> <img src="images/MeduAi_Logo 2.png" class='image-fluid' alt="icon" class="ai-ic"> <span class=' pt-3'>Where Knowledge Begins</span></b></h3> </div> </div> <div class="container mt-2 searc-ai" style="background: linear-gradient(92.52deg, #00589B 2.21%, #009CD0 98%); padding:10px 0px; border-radius:5px;"> <!-- search section --> <div class="row"> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-12 "> <div class="inp-ques ml-4 mr-4 mt-2 mb-2"> <input type="search" name="" id="text" placeholder="Ask anything..." class="form-control "> <!-- <i class="fa fa-arrow-right search-icon" aria-hidden="true"></i> --> <button class="search-icon" onclick="getinfo()"> <img src="images/Sign_in.png" class="" alt="search icon"> </button> </div> <div class="row"> <!-- <div class="col-sm-5"></div> --> <div class="col-sm-12 clear-mob" style='text-align: center;'> <button type="button" onclick='clearContent()' class="btn mt-2 clr-btn btn-rig-arr">Clear &nbsp;</button> <a href="medu-ai-disclaimer" class="mo-dcl">Disclaimer</a> </div> <div class="col-sm-5"></div> </div> </div> <!-- <div class="col-sm-2"></div> --> </div> </div> </div> </div> </div> <footer class="w3-container "> <div class="row"> <div class="col-sm-10"> <div class="row ml-4 disclaimer"> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-12"> <p>Disclaimer: Welcome to MeduAI, our GPT (Generative Pre-trained Transformer) tool, which is sophisticated software program designed to engage in text-based conversations with doctors . Before you proceed to use this tool, it is important to read and understand the following disclaimer: <br> <a href="<?php echo base_url('medu-ai-disclaimer2?id='); echo $record['id'];?>" class="dis-link">Click here for read</a></p> </div> </div> </div> <div class="col-sm-2"> <button class="btn btn-info m-3" onclick="aiclose()">Close</button> </div> </div> </footer> </div> <!-- medu ai8 end --> <script> function getinfo() { var text = document.getElementById('text').value; askQuest(text); } function aiclose() { document.getElementById('id01').style.display = 'none'; var contentContainer1 = document.getElementById('chat-result'); contentContainer1.innerHTML = ''; } function clearContent() { var chatResult = document.getElementById('chat-result'); // var youtubeVideos = document.getElementById('youtube-videos'); if (chatResult.innerHTML.trim() !== '' || youtubeVideos.innerHTML.trim() !== '') { chatResult.innerHTML = ''; // youtubeVideos.innerHTML = ''; console.log('Content cleared successfully.'); } else { console.log('there is no content to clear') } } function askQuest(question) { var ai_modal = document.getElementById('id01'); ai_modal.style.display = 'block' var text = question; if (text !== '') { showLoadingSpinner(); fetch('generate', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ text: text }), }) .then(response => response.text()) .then(data => { console.log(data); var text1 = document.getElementById('text'); text1.value = ''; try { var jsonData = JSON.parse(data); var content = jsonData.textcontent; var regex = /\*\*(.*?)\*\*/g; content = content.replace(regex, '<b class="red">$1</b>'); var lines = content.split('\n'); var contentContainer = document.getElementById('chat-result'); contentContainer.innerHTML += `<h4 style='color: 00589B !important;'><i class="fa fa-user-circle-o" aria-hidden="true"></i> ${text} </h4>`; lines.forEach(line => { // line = line.replace(/- \*\*(.*?)\*\*:/, '<strong>$1</strong>:').replace(/\*\*(.*?)\*\*:/, '<strong style="color: rgba(0, 55, 119, 1);">$1</strong>:').replace(/ \*\*(.*?)\*\*:/, '<strong style="color: rgba(0, 55, 119, 1);">$1</strong>:').replace(/-\*\*(.*?)\*\*:/, '<strong style="color: rgba(0, 55, 119, 1);">$1</strong>:'); var p = document.createElement('p'); p.classList.add('text-p'); p.innerHTML = line; contentContainer.appendChild(p); }); // contentContainer.lastElementChild.scrollIntoView({ behavior: 'smooth' }); //new var parentDivAi = document.getElementById('chat-result'); var firstH4 = parentDivAi.querySelector('h4'); firstH4.style.display = 'none'; }catch (jsonError) { console.error('JSON Parsing Error:', jsonError); } finally { hideLoadingSpinner(); } }) .catch(error => { console.error('Error:', error); hideLoadingSpinner(); }); } else { toastr.warning('Please Enter Something..'); } } function showLoadingSpinner() { var loadingSpinner = document.getElementById('loading-spinner'); loadingSpinner.style.display = 'block'; // Scroll to the loading-spinner div loadingSpinner.scrollIntoView({ behavior: 'smooth' }); } function hideLoadingSpinner() { var loadingSpinner = document.getElementById('loading-spinner'); loadingSpinner.style.display = 'none'; } </script> <style> .red { color: #013a62; font-family: system-ui; font-size: 15px; } .text-p{ color: black; } .wie3 { margin-top: -69px; margin-left: 360px; } .wei2 { margin-top: -73px; margin-left: 167px; } .wwig-lab { /* margin-top: -7px !important; */ /* margin-left: 89px; */ position: relative; top: -37px; } </style> <style> .w3-animate-top { background: linear-gradient(to right, #ffffff, #b7ecff); } .w3-modal { padding-top: 35px !important; } .search-icon { background-color: transparent; border: none; cursor: pointer; transition: transform 0.3s, filter 0.3s; } .search-icon:hover { filter: brightness(1.5); } .search-icon:active { transform: scale(0.7); } /*----------------- spinner--------------------- */ .spinner { --clr: rgb(4, 157, 177); --gap: 6px; /* gap between each circle */ width: 100px; /* height: 100px; */ display: flex; justify-content: center; align-items: center; gap: var(--gap); } .spinner span { width: 10px; height: 10px; border-radius: 100%; background-color: var(--clr); opacity: 0; } .spinner span:nth-child(1) { animation: fade 1s ease-in-out infinite; } .spinner span:nth-child(2) { animation: fade 1s ease-in-out 0.33s infinite; } .spinner span:nth-child(3) { animation: fade 1s ease-in-out 0.66s infinite; } @keyframes fade { 0%, 100% { opacity: 1; } 60% { opacity: 0; } } /*----------------- spinner end--------------------- */ .side-nav { min-height: 105vh !important; } .btn-rig-arr i { font-size: 25px; } .btn-rig-arr { border: none; } .btn-rig-arr:hover { border: none !important; } .foc-btn { background-color: white; border-radius: 24px; } .foc-btn:hover { background-color: #dddddd; } .ai-txt { text-align: center; } .search { margin: 20px 10px; background-color: #f2f2f2; min-height: 240px; } .search-inp { border: none; width: 100%; height: 56px !important; } .ai-med { font-size: 21px; position: relative; top: 5px; } .disclaimer div { padding: 0px; } .disclaimer p { padding-top: 10px; padding-left: 0px !important; } .chat-ans { height: 420px; overflow-y: auto; border: 3px solid #d1d1d1; border-radius: 11px; box-shadow: 0px 0px 15px #d1d8db; background: #f2f2f2; } .health-ai { text-align: center; color: rgba(0, 55, 119, 1); } .Management-Tool-row { background-color: #0198CD; } .Management-Tool { text-align: center; justify-content: center; color: white; } .Management-Tool h4 { padding-top: 4px; } .co-togswi-ai{ margin-top: -14px; margin-left: 5px; } .Management-Tool-row { --bezier: cubic-bezier(0.22, 0.61, 0.36, 1); --edge-light: hsla(0, 0%, 50%, 0.8); --text-light: rgba(255, 255, 255, 0.4); --back-color: 240, 40%; cursor: pointer; padding: 0.0em 1em; border-radius: 0.5em; min-height: 2.4em; min-width: 3em; display: flex; align-items: center; gap: 0.5em; font-size: 18px; letter-spacing: 0.05em; line-height: 1; font-weight: bold; background: linear-gradient(to left, #0198CD, #0160A2); color: hsla(0, 0%, 90%); border: 0; box-shadow: inset 0.4px 1px 4px var(--edge-light); transition: all 0.1s var(--bezier); } .toolkit-dwn{ margin-left: 22px; margin-bottom: -8px; } @media only screen and (max-width: 600px) { .health-ai { margin: 10px; } .w3-modal { padding-top: 10px !important; } .disclaimer p { padding: 10px !important; } .ai-txt { display: none; margin: 10px; } .foc-btn1 { margin-top: 10px; } .search button { background-color: white; padding-left: 6px; padding-right: 6px; margin-left: 20px; } .search-inp { width: 90%; margin-left: 15px; } .copilot { width: 60%; margin-top: -80px; margin-left: 150px; } .foc { width: 40%; } .search { margin: 10px 10px; padding: 17px 0px; } .chat-ans { margin-left: 5px !important; width: 97% !important; } .mobiai-vid { width: 35%; margin-left: 30px; } .rel-vid { margin-left: 10px; margin-top: 10px; } .med-gpt { margin-bottom: -41px; margin-top: 30px; } .search-ques span { padding-top: 8px !important; font-size: 20px; } .clear-mob { text-align: left !important; margin-left: 13px; } .wie3 { margin-top: 0px; margin-left: 0px; } .wei2 { margin-top: 0px; margin-left: 0px; } } /* ----TOGGLE SWITCH---- */ /* The switch - the box around the slider */ .switch { font-size: 17px; position: relative; display: inline-block; width: 3.5em; height: 2em; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; height: 25px; background-color: #fff; border: 1px solid #adb5bd; transition: .4s; border-radius: 30px; width: 52px; } .slider:before { position: absolute; content: ""; height: 21px; width: 21px; border-radius: 20px; left: 3px; bottom: 0.25em; background-color: #adb5bd; transition: .4s; top: 1px; } .mo-dcl { display: none; } input:checked+.slider { background-color: #e0e2e5; border: 1px solid #e0e2e5; } input:focus+.slider { box-shadow: 0 0 1px #007bff; } input:checked+.slider:before { transform: translateX(1.4em); background-color: #fff; } /* -----------search------ */ .search-ques h3 { text-align: center; /* color: rgba(0, 55, 119, 1); */ color: white; } .ai-ic { background-color: white; border-radius: 5px; margin-right: 5px; padding: 2px; } .inp-ques input { width: 100%; border-radius: 25px; /* padding: 10px; */ border: 1px solid #87bae0; margin-bottom: 0px !important; } .inp-ques { background-color: white; padding: 5px; border-radius: 26px; } button:focus, button:active { outline: none !important; } .search-icon { position: absolute; top: 29%; right: 36px; transform: translateY(-50%); color: #0f0e0e; font-size: x-large; border: none; /* background-color: white; */ /* height: 35px; */ border-radius: 30%; /* padding-bottom: 38px !important; */ } .clr-btn { border-radius: 20px; background-color: white; color: rgba(0, 55, 119, 1); /* font-size: 19px; */ } .dis-link { color: #009CD0; } @media only screen and (max-width: 600px) { .clr-btn { margin-left: 10px; } .inp-ques { margin: 10px; } .search-icon { /* position: relative; */ top: 30%; } .disclaimer { display: none; } .health-ai h4 { display: none; } .mo-dcl { display: block; float: right; color: white; margin-right: 15px; margin-top: 20px; font-size: 15px; } } </style> <!-- -------------------end notes--------------------------------------------- --> <!-- Anaesthesia Management Tool start script --> <script> const mantool = document.querySelector('.man-tool'); mantool.addEventListener('click', function () { if (this.style.backgroundColor === 'white' || this.style.backgroundColor === 'white') { this.style.backgroundColor = '#D5D5FF'; } else { this.style.backgroundColor = 'white'; } }); </script> <!-- Anaesthesia Management Tool end script --> <!-- pro-op start script --> <script> const preOphd = document.querySelector('.pre_ophd'); preOphd.addEventListener('click', function () { if (this.style.backgroundColor === 'white' || this.style.backgroundColor === 'white') { this.style.backgroundColor = '#D5D5FF'; } else { this.style.backgroundColor = 'white'; } }); </script> <!-- pro-op end script --> <!-----script---- start surgecial details --> <script> const surdet = document.querySelector('.surdet'); surdet.addEventListener('click', function () { if (this.style.backgroundColor === 'white' || this.style.backgroundColor === '') { this.style.backgroundColor = '#D5D5FF'; } else { this.style.backgroundColor = 'white'; } }); </script> <!-----script---- end surgecial details --> <!-----script---- start anasthesia --> <script> const intra = document.querySelector('.intra'); intra.addEventListener('click', function () { if (this.style.backgroundColor === 'white' || this.style.backgroundColor === '') { this.style.backgroundColor = '#D5D5FF'; } else { this.style.backgroundColor = 'white'; } }); </script> <!-----script---- end --- anasthesia --> <!-----script---- start intra-op --> <script> const asia = document.querySelector('.asia'); asia.addEventListener('click', function () { if (this.style.backgroundColor === 'white' || this.style.backgroundColor === '') { this.style.backgroundColor = '#D5D5FF'; } else { this.style.backgroundColor = 'white'; } }); </script> <!-----script---- end ------intra-op --> <!-----script---- start intra-op --> <script> const notes = document.querySelector('.notes'); notes.addEventListener('click', function () { if (this.style.backgroundColor === 'white' || this.style.backgroundColor === '') { this.style.backgroundColor = '#D5D5FF'; } else { this.style.backgroundColor = 'white'; } }); </script> </script> <!-----script---- end ------intra-op --> <!-------start----special procedure------------> <script> // Wrap the code in a DOMContentLoaded event listener document.addEventListener('DOMContentLoaded', function () { const checkboxes = document.querySelectorAll('.checkbox'); function toggleContent(event) { const targetCheckbox = event.target; if (targetCheckbox.type === 'checkbox') { const contentId = targetCheckbox.getAttribute('data-content'); const content = document.getElementById(contentId); if (content) { content.style.display = targetCheckbox.checked ? 'block' : 'none'; } } } document.body.addEventListener('change', toggleContent); // Manually trigger the change event for all checkboxes on page load checkboxes.forEach(function (checkbox) { toggleContent({ target: checkbox }); }); }); </script> <!-------end----special procedure------------> <!-- --start----supervisio --> <script> function checksupervision() { var supervision = $('.supervision').val(); if (supervision != 'Select') { $('.supervision1').hide(); } } </script> <!-- ----end supervisiion --> <script> function myfun(key) { var id = key; // alert(id); // $('#a').val(id); window.location = '<?php echo base_url("selectPatient") ?>?id=' + id; } function next() { window.location = '<?php echo base_url("logbook-edit") ?>'; } function resetfun() { $('#add_patient')[0].reset(); $('#myModal').modal('hide'); $('.email').hide(); $('.age1').hide(); $(".date_time1").hide(); $('.cnbdone').hide(); $('.supervision1').hide(); } $('#myModal').on('hidden.bs.modal', function (e) { $('.email').hide(); $('.age1').hide(); $(".date_time1").hide(); $('.cnbdone').hide(); $('.supervision1').hide(); $('#add_patient')[0].reset(); }); </script> <script> var subjectObject = { "Consultant": { "Junior Consultant": ["Junior Consultant", "Senior Consultant"], "Senior Consultant": ["Junior Consultant", "Senior Consultant"] }, "Trainee": { "Junior Trainee": ["Junior Trainee", "Senior Trianee"], "Senior Trianee": ["Junior Trainee", "Senior Trianee"] } } window.onload = function () { var subjectSel = document.getElementById("cnb_done_by1"); var topicSel = document.getElementById("cnb_done_by2"); for (var x in subjectObject) { subjectSel.options[subjectSel.options.length] = new Option(x, x); } subjectSel.onchange = function () { topicSel.length = 0; // Clear existing options var selectedSubject = this.value; if (subjectObject.hasOwnProperty(selectedSubject)) { var topicOptions = Object.keys(subjectObject[selectedSubject]); for (var i = 0; i < topicOptions.length; i++) { topicSel.options[topicSel.options.length] = new Option(topicOptions[i], topicOptions[i]); } } } // Trigger the onchange event to populate the second select initially subjectSel.onchange(); // Get the value from PHP var doneByValue = "<?php echo $record['done_by']; ?>"; var doneByValues = doneByValue.split(','); if (doneByValues.length === 2) { var doneBy1Value = doneByValues[0].trim(); var doneBy2Value = doneByValues[1].trim(); subjectSel.value = doneBy1Value; subjectSel.onchange(); topicSel.value = doneBy2Value; } } </script> <!----------------start---surgery location and surgery procedure --> <script> const mainHeadingSelect = document.getElementById('mainHeading'); const obstetricsSpecialtySelect = document.getElementById('obstetrics-specialty-select'); const subHeadingInput = document.getElementById('subHeadingInput'); const subHeadingDropdown = document.getElementById('subHeadingDropdown'); const longTextDisplay = document.getElementById('longTextDisplay'); const cancelIcon = document.getElementById('cancelIcon'); const subHeadings = { headneck: ["select", "procedures on the skin, subcutaneous tissue, muscles, salivary glands or superficial vessels of the head including biopsy", "for plastic repair of cleft lip", "for electroconvulsive therapy", "procedures on external, middle or inner ear, including biopsy, otoscopy", "superficial procedures on eye including oculoplastics", "for lens surgery ", " retinal surgery ", " corneal transplant ", "vitrectomy", "squint repair", "Surgery of intranasal or accessory sinuses ", "for intranasal surgery for malignancy or for intranasal ablation ", "intraoral procedures, including biopsy ", "for repair of cleft palate", "excision of retropharyngeal tumour", "radical intraoral surgery", "procedures on facial bones", "intracranial procedures", "burr holes of the cranium and cranial bone procedures", "intracranial vascular procedures including those for aneurysms or arterio-venous abnormalities", "spinal fluid shunt procedures", "ablation of an intracranial nerve", "microvascular free tissue flap surgery involving the head or face ", "procedures on the skin or subcutaneous tissue of the neck", "incision and drainage of large haematoma, large abscess, cellulitis or similar lesion or epiglottitis causing life threatening airway obstruction ", "procedures on oesophagus, thyroid, larynx, trachea, lymphatic system, muscles, nerves or other deep tissues of the neck ", "laryngectomy, hemi laryngectomy, laryngopharyngectomy or pharyngectomy", "Laser surgery to the airway", "procedures on major vessels of neck", "microvascular free tissue flap surgery involving the neck", "Anaesthesia for Dental procedures"], // ===================== Thorax: ["select", "Procedures on the skin or subcutaneous tissue of the anterior part of the chest", "Cosmetic reconstructive procedures on breast", "Removal of breast lump or breast segmentectomy where axillary node dissection is permed ", "Mastectomy with or witout axillary node dissection", "Mastectomy with reconstructive procedures on the breast using myocutaneous flaps ", "Radical or modified radical mastectomy with or without internal mammary node dissection ", "Open procedures on clavicle, scapula or sternum", "Partial rib resection", "Radical procedures on chest wall involving the anterior or posterior thorax", "Microvascular free tissue flap surgery involving the anterior or posterior thorax", "Oesophagectomy", "Thoracoscopy ", "Mediastinoscopy ", "Thoracotomy procedures involving lungs, pleura, diaphragm, or mediastinum", "Thoracoplasty", "Pulmonary decortication or resection(pneumonectomy)", "Intrathoracic repair of trauma to trachea and bronchi", "Open procedures on the heart, pericardium or great vessels of the chest including CABG"], SpineSpinalCord: ["select", "procedures on cervical spine and/or cord", "cervical laminectomy ", "procedures on thoracic spine and/or cord", "thoracolumbar sympathectomy ", "spine procedures in lumbar region", "percutaneous spinal procedures",], UpperAbdomen: ["select", "procedures on the skin or subcutaneous tissue nerves, muscles, tendons and fascia of the upper anterior abdominal wall", "microvascular free tissue flap surgery involving the anterior or posterior upper abdomen", "all intra-peritoneal procedures in the upper abdomen, including laparoscopic cholecystectomy, gastrectomy, Bariatric procedures, gastrectomy; laparoscopically assisted nephrectomy; bowel shunts ", "hernia repairs to the upper abdominal wall,repair of incisional hernia and/or wound dehiscence", "transabdominal repair of diaphragmatic hernia ", "procedures on major upper abdominal blood vessels ", "partial hepatectomy (excluding liver biopsy) ", "pancreatectomy, partial or total /Whipples", "neuro endocrine tumour removal in the upper abdomen", ], LowerAbdomen: ["select", "procedures on the skin or subcutaneous tissue nerves, muscles, tendons and fascia of the lower anterior abdominal walls", " lipectomy of the lower abdomen ", " microvascular free tissue flap surgery", " Intraperitoneal and laparoscopic/open procedures including bowel resection, in the lower abdomen ", " extracorporeal shock wave lithotripsy to urinary tract ", " procedures on the skin, its derivatives or subcutaneous tissue of the lower posterior abdominal wall ", " hernia repairs, incisional herniae and/or wound dehiscence in lower abdomen, ", " abdominoperineal resection, including pull through procedures, ultra low anterior resection and mation of bowel reservoir", " radical prostatectomy ", " radical hysterectomy", " ovarian malignancy ", " pelvic exenteration", " extraperitoneal procedures in lower abdomen, including those on the urinary tract, renal procedures, including upper 1/3 of ureter", "nephrectomy ", " total cystectomy", "adrenalectomy", " neuro endocrine tumour removal in the lower abdomen", " renal transplantation (donor or recipient) ", " procedures on major lower abdominal vessels, ", ], Perineum: ["select", "procedures on the skin or subcutaneous tissue of the perineum ", "anorectal procedures (including surgical haemorrhoidectomy, but not banding of haemorrhoids) ", "radical perineal procedures including radical perineal prostatectomy or radical vulvectomy ", "microvascular free tissue flap surgery involving the perineum ", "vulvectomy ", "transurethral procedures (including urethrocystoscopy)", "endoscopic ureteroscopic surgery including laser procedures ", "transurethral resection of bladder tumour(s)", "transurethral resection of prostate ", "procedures on external genitalia,", "procedures on undescended testis, unilateral or bilateral ", "radical orchidectomy, inguinal approach abdominal approach", "orchiopexy, unilateral or bilateral ", "complete amputation of penis ", "complete amputation of penis with bilateral inguinal lymphadenectomy ", "insertion of penile prosthesis ", "per vagina and vaginal procedures (including hysteroscopy,biopsy of vagina, cervix or endometrium), ", "vaginal procedures including repair operations and urinary incontinence procedures (perineal) ", "transvaginal assisted reproductive services ", "vaginal hysterectomy ", "purse string ligation of cervix, or removal of purse string ligature ", ], Pelvis_ExceptHip: ["select", "procedures on the bony pelvis ", "interpelviabdominal (hind-quarter) amputation ", "microvascular free tissue flap surgery involving the anterior or posterior pelvis ", "open procedures involving symphysis pubis or sacroiliac joint", ], UpperLeg_Except_Knee: ["select", "procedures on the skin or subcutaneous tissue nerves, muscles, tendons, fascia or bursae of the upper leg ", "closed procedures involving hip joint when permed in the operating theatre of a hospital ", "arthroscopic procedures of the hip joint ", "open procedures involving hip joint, including procedures fro fracture neck of femur", "hip disarticulation ", "total hip replacement or revision ", "bilateral total hip replacement ", "closed procedures involving upper 2/3 of femur when permed in the operating theatre of a hospital", "open procedures involving upper 2/3 of femur, ", "above knee amputation ", "radical resection of the upper 2/3 of femur ", "procedures involving veins of upper leg, including exploration ", "femoral artery embolectomy ", "microvascular free tissue flap surgery involving the upper leg ", "microsurgical reimplantation of upper leg", ], Knee_and_Popliteal_Area: ["select", "procedures on the skin or subcutaneous tissue nerves, muscles, tendons, fascia or bursae of the knee and/or popliteal area ", "closed procedures on lower 1/3 of femur when permed in the operating theatre of a hospital ", "open procedures on lower 1/3 of femur ", "closed procedures on knee joint when permed in the operating theatre of a hospital", "arthroscopic procedures of knee joint ", "closed procedures on upper ends of tibia, fibula, and/or patella when permed in the operating theatre of a hospital ", "open procedures on upper ends of tibia, fibula, and/or patella ", "open procedures on knee joint", "knee replacement ", "bilateral knee replacement ", "disarticulation of knee ", "repair of arteriovenous fistula of knee or popliteal area ", "procedures on arteries of knee or popliteal area", "microvascular free tissue flap surgery involving the knee and/or popliteal area ", ], Lower_Leg_Below_Knee: ["select", "procedures on the skin or subcutaneous tissue nerves, muscles, tendons, or fascia of lower leg, ankle, or foot ", "closed procedures on lower leg, ankle, or foot ", "arthroscopic procedure of ankle joint ", "repair of Achilles tendon ", "gastrocnemius recession ", "open procedures on bones of lower leg, ankle, or foot, including amputation", "radical resection of bone involving lower leg, ankle or foot ", "osteotomy or osteoplasty of tibia or fibula", "total ankle replacement ", "procedures on arteries of lower leg, including bypass graft,", "embolectomy procedures on veins of lower leg", "microsurgical reimplantation of lower leg, ankle or foot ", "microvascular free tissue flap surgery involving the lower leg ", ], Shoulder_and_Axilla: ["select", " procedures on skin or subcutaneous tissue nerves, muscles, tendons, fascia or bursae of shoulder or axilla including axillary dissection", "closed procedures on humeral head and neck, sternoclavicular joint, acromioclavicular joint, or shoulder joint", "arthroscopic procedures of shoulder joint", " open procedures on humeral head and neck, sternoclavicular joint, acromioclavicular joint or shoulder joint", "radical resection involving humeral head and neck, sternoclavicular joint, acromioclavicular joint or shoulder joint, shoulder disarticulation", " total shoulder replacement ", "interthoracoscapular (forequarter) amputation", "procedures on arteries of shoulder or axilla, axillary-brachial aneurysm,bypass graft of arteries, axillary-femoral bypass graft", "procedures on veins of shoulder or axilla", "microvascular free tissue flap surgery involving the shoulder or the axilla", ], Upper_Arm_Elbow: ["select", "procedures on the skin or subcutaneous tissue, nerves, muscles, tendons, fascia or bursae of upper arm or elbow of the upper arm or elbow", "open tenotomy/tenoplasty of the upper arm or elbow", "tenodesis for rupture of long tendon of biceps", "closed procedures on the upper arm or elbow ", "arthroscopic procedures of elbow joint", "open procedures on the upper arm or elbow", " radical procedures on the upper arm or elbow", "total elbow replacement", " procedures on arteries, veins of upper arm", " embolectomy of arteries of the upper arm ", "microvascular free tissue flap surgery involving the upper arm or elbow", "microsurgical reimplantation of upper arm", ], Forearm_Wrist_Hand: ["select", "procedures on the skin or subcutaneous tissue, nerves, muscles, tendons, fascia, or bursae of the forearm, wrist or hand", "closed procedures on the radius, ulna, wrist, or hand bones", "open procedures on the radius, ulna, wrist, or hand bones", "total wrist replacement ", "arthroscopic procedures of the wrist joint", "procedures on the ARTERIES, VEINS of forearm, wrist or hand", "embolectomy of artery of forearm, wrist or hand ", "microvascular free tissue flap surgery involving the forearm, wrist or hand", "microsurgical reimplantation of forearm, wrist or hand", ], Others_Unlisted: ["select", "Anaesthesia for Burns", "Anaesthesia for Radiology", "Anaesthesia for C T", "Anaesthesia for X-Ray/Fluroscopy", "Anaesthesia for MRI", "Anaesthesia for Neuro-Radiology", "Anaesthesia for Vascular-Radiology", "Anaesthesia for ECT", "Bone marrow Harvesting", "Brachytherapy/Radiotherapy" ], ObstetricAnaesthesia: ["Select", "Lower Segment Caesarean Section (LSCS)", "Manual Removal of Placenta", "Insertion/Removal of Cervical Stitch", "Intra-uterine procedure on Foetus", "Management of Haemorrhage", "Other" ] }; obstetricsSpecialtySelect.addEventListener('change', () => { const selectedSpecialty = obstetricsSpecialtySelect.value; if (selectedSpecialty === 'ObstetricAnaesthesia') { const options = subHeadings[selectedSpecialty].slice(1); updateDropdownOptions(options); } else { updateDropdownOptions([]); } }); function updateDropdownOptions(options) { subHeadingDropdown.innerHTML = ''; if (options.length > 0) { // Add close icon const closeIcon = document.createElement('div'); closeIcon.className = 'dropdown-close-icon'; closeIcon.innerHTML = 'x'; closeIcon.addEventListener('click', () => { subHeadingDropdown.classList.remove('show'); }); subHeadingDropdown.insertBefore(closeIcon, subHeadingDropdown.firstChild); options.forEach(option => { const optionElement = document.createElement('div'); optionElement.className = 'input-dropdown-option'; optionElement.textContent = option; optionElement.addEventListener('click', () => { subHeadingInput.value = option; subHeadingDropdown.classList.remove('show'); displayLongText(option); }); subHeadingDropdown.appendChild(optionElement); }); subHeadingDropdown.classList.add('show'); } } subHeadingInput.addEventListener('input', () => { const inputValue = subHeadingInput.value.toLowerCase(); let selectedMainHeading = mainHeadingSelect.value; const selectedSpecialty = obstetricsSpecialtySelect.value; if (selectedSpecialty === 'ObstetricAnaesthesia') { selectedMainHeading = selectedSpecialty; } const suggestions = getAutocompleteSuggestions(inputValue, selectedMainHeading); subHeadingDropdown.innerHTML = ''; subHeadingDropdown.classList.remove('show'); if (suggestions.length > 0) { // Add close icon const closeIcon = document.createElement('div'); closeIcon.className = 'dropdown-close-icon'; closeIcon.innerHTML = 'x'; closeIcon.addEventListener('click', () => { subHeadingDropdown.classList.remove('show'); }); subHeadingDropdown.insertBefore(closeIcon, subHeadingDropdown.firstChild); suggestions.forEach(option => { const optionElement = document.createElement('div'); optionElement.className = 'input-dropdown-option'; optionElement.textContent = option; optionElement.addEventListener('click', () => { subHeadingInput.value = option; subHeadingDropdown.classList.remove('show'); displayLongText(option); }); subHeadingDropdown.appendChild(optionElement); }); subHeadingDropdown.classList.add('show'); } }); function getAutocompleteSuggestions(input, selectedMainHeading) { if (selectedMainHeading === 'none') { return []; } const subHeadingOptions = subHeadings[selectedMainHeading].slice(1); return subHeadingOptions.filter(option => option.toLowerCase().includes(input)); } function displayLongText(selectedOption) { let selectedMainHeading = mainHeadingSelect.value; const selectedSpecialty = obstetricsSpecialtySelect.value; if (selectedSpecialty === 'ObstetricAnaesthesia') { selectedMainHeading = selectedSpecialty; } if (selectedMainHeading !== 'none') { const optionIndex = subHeadings[selectedMainHeading].indexOf(selectedOption); if (optionIndex !== -1) { const selectedOptionText = subHeadings[selectedMainHeading][optionIndex]; longTextDisplay.value = selectedOptionText; if (selectedOptionText.length > 10) { longTextDisplay.style.display = 'block'; } else { longTextDisplay.style.display = 'none'; } } } } subHeadingInput.addEventListener('click', () => { const selectedMainHeading = mainHeadingSelect.value; if (selectedMainHeading !== 'none') { const relatedOptions = subHeadings[selectedMainHeading].slice(1); subHeadingDropdown.innerHTML = ''; relatedOptions.forEach(option => { const optionElement = document.createElement('div'); optionElement.className = 'input-dropdown-option'; optionElement.textContent = option; optionElement.addEventListener('click', () => { subHeadingInput.value = option; subHeadingDropdown.classList.remove('show'); displayLongText(option); }); subHeadingDropdown.appendChild(optionElement); }); // Add close icon const closeIcon = document.createElement('div'); closeIcon.className = 'dropdown-close-icon'; closeIcon.innerHTML = 'x'; closeIcon.addEventListener('click', () => { subHeadingDropdown.classList.remove('show'); }); subHeadingDropdown.insertBefore(closeIcon, subHeadingDropdown.firstChild); subHeadingDropdown.classList.add('show'); } }); cancelIcon.addEventListener('click', () => { subHeadingInput.value = ''; longTextDisplay.value = ''; longTextDisplay.style.display = 'none'; }); </script> <!----------------end---surgery location and surgery procedure --> <style> .input-wrapper { position: relative; display: inline-block; } .input-dropdown { position: absolute; top: 100%; left: 0; z-index: 1; max-height: 185px; overflow-y: auto; border: 1px solid #ccc; border-top: none; background-color: #00006D; display: none; color: white; width: 207%; } .dropdown-close-icon { position: absolute; top: -14px; right: 5px; font-size: 35px; cursor: pointer; color: red; height: 47px; background-color: white; } .input-dropdown.show { display: block; } .input-dropdown-option { padding: 8px; cursor: pointer; } .cancel-icon { /* transform: translateY(-50%); */ cursor: pointer; width: 10%; margin-left: 200px; margin-top: -37px; } </style> <!----------------end---surgery location and surgery procedure --> <!------------start pre_op dropdown ------------------> <script> document.addEventListener("DOMContentLoaded", function () { const accordionItems = document.querySelectorAll(".accordion-item"); accordionItems.forEach(item => { const header = item.querySelector(".accordion-header"); const content = item.querySelector(".accordion-content"); header.addEventListener("click", () => { item.classList.toggle("active"); }); }); }); </script> <!-------------------end pre_op dropdown -----------------> <!-------------------------------start--- speciality others -----------------------> <!-- <script> const optionsSelect = document.getElementById('options'); const otherInputContainer = document.getElementById('otherInputContainer'); const otherInput = document.getElementById('otherInput'); optionsSelect.addEventListener('change', () => { if (optionsSelect.value === 'others') { otherInputContainer.style.display = 'block'; } else { otherInputContainer.style.display = 'none'; otherInput.value = ''; } }); </script> --> <!------------------------------end--- speciality others -------------------------> <!-- -------------css-------- --> <style> /* Add some basic styling to the content */ .content { display: none; padding: 10px; margin: 10px; border: 1px solid #ccc; } </style> <!-- -------------logbook submitting ajax-------- --> <!-- <script type="text/javascript"> $(document).ready(function () { $("#logbook-form").submit(function (e) { e.preventDefault(); var formData = new FormData(this); $.ajax({ type: "POST", url: '<?php //echo base_url("addlogbook") ?>', data: formData, contentType: false, processData: false, success: function (response) { response = jQuery.parseJSON(response); console.log("ajax working:"response); // if (response.result == 1) { // toastr["success"](response.message); // $("#add-spine")[0].reset(); // window.location = // '<?php //echo base_url("cnb/SpinalDetails") ?>?id=' + // response.msg; // } else toastr["error"](response.message); }, }) }); }); --> </script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- Include Toastr CSS from CDN --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css"> <!-- Include Toastr JS from CDN --> <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script> <!-- <script> $(document).ready(function () { $('#logbook-form').submit(function (e) { e.preventDefault(); // Prevent form submission const checkedCheckboxes = document.querySelectorAll('.anaesthesia-checkbox:checked'); const radioButtons = document.querySelectorAll('input[name="optradio2"]'); let isCheckboxSelected = checkedCheckboxes.length > 0; let isRadioButtonSelected = false; for (const radioButton of radioButtons) { if (radioButton.checked) { isRadioButtonSelected = true; break; } } // Check if date input is empty const dateInput = $('#myDateField'); const dateValue = dateInput.val(); if (!dateValue) { toastr["error"]('Please select a date'); return; } // Check if weight input is empty const weightInput = $('#weight_check'); const weightValue = weightInput.val(); if (!weightValue) { toastr["error"]('Please enter weight'); return; } //speciality const spe = $('.speciality_req'); const specheck = spe.val(); const obsspe = $('.obs_spec'); const obscheck = obsspe.val(); if (!specheck) { toastr['error']('please select speciality'); return; } if (specheck === 'Obstetrics') { if (!obscheck) { toastr['error']('Please select Obstetrics speciality'); return; } } if (!isCheckboxSelected) { toastr["error"]('Please select Anaesthesia'); } else if (!isRadioButtonSelected) { toastr["error"]('Please select Success'); } else { // Enable the select elements here $('#mainHeading').prop('disabled', false); $('#subHeading').prop('disabled', false); var formData = new FormData(this); $.ajax({ type: "POST", url: '<?php echo base_url("updatelogbook")?>', data: formData, contentType: false, processData: false, success: function (response) { console.log(response); response = jQuery.parseJSON(response); if (response.result == 1) { toastr["success"](response.message); // window.location='<?php echo site_url('logbook-edit')?>'; window.location.href = '<?php echo site_url("show-addlogbook") ?>?id=' + response.id; } else { toastr["error"](response.message); } }, error: function (xhr, status, error) { console.error(xhr.responseText); // Log the error details toastr["error"]('An error occurred while processing the form.'); } }); } }); }); </script> --> <script> $(document).ready(function () { $('#logbook-form').submit(function (e) { e.preventDefault(); // Prevent form submission const checkedCheckboxes = document.querySelectorAll('.anaesthesia-checkbox:checked'); const radioButtons = document.querySelectorAll('input[name="cnb_outcome"]'); let isCheckboxSelected = checkedCheckboxes.length > 0; let isRadioButtonSelected = false; const cnbCheckbox = document.getElementById('cnbCheckbox'); for (const radioButton of radioButtons) { if (radioButton.checked) { isRadioButtonSelected = true; break; } } // Check if date input is empty const dateInput = $('#myDateField'); const dateValue = dateInput.val(); if (!dateValue) { toastr["error"]('Please select a date'); return; } // Check if time input is empty const timeInput = $('.selecttime'); const timeValue = timeInput.val(); if (!timeValue) { toastr["error"]('Please select a time'); return; } // done1 // const done1 = $('#cnb_done_by1'); // const done1Value = done1.val(); // if (!done1Value) { // toastr["error"]('Please select experience level consultant or Trainee'); // return; // } // done2 // const done2 = $('#cnb_done_by2'); // const done2Value = done2.val(); // if (!done2Value) { // toastr["error"]('Please select experience level juniot or senior'); // return; // } // supervision // const sup = $('.supervision'); // const supValue = sup.val(); // if (!supValue) { // toastr["error"]('Please select supervision'); // return; // } // Check if weight input is empty // const weightInput = $('#weight_check'); // const weightValue = weightInput.val(); // if (!weightValue) { // toastr["error"]('Please enter weight'); // return; // } // Check if asa input is empty // const asaInput = $('.asa'); // const asaValue = asaInput.val(); // if (!asaValue) { // toastr["error"]('Please enter ASA'); // return; // } //speciality const spe = $('.speciality_req'); const specheck = spe.val(); const obsspe = $('.obs_spec'); const obscheck = obsspe.val(); if (!specheck) { toastr['error']('please select speciality'); return; } if (specheck === 'Obstetrics') { if (!obscheck) { toastr['error']('Please select Obstetrics speciality'); return; } } // mainHeading const done1 = $('#mainHeading'); const done1Value = done1.val(); const done1Disabled = done1.prop('disabled'); if (!done1Value && !done1Disabled) { toastr["error"]('Please select Surgery Location'); return; } // subHeadingInput const done2 = $('#subHeadingInput'); const done2Value = done2.val(); const done2Disabled = done2.prop('disabled'); if (!done2Value && !done2Disabled) { toastr["error"]('Please select Surgery Procedure'); return; } if (!isCheckboxSelected) { toastr["error"]('Please select Anaesthesia'); } // else if(cnbCheckbox.checked) { // if (!isRadioButtonSelected) { // toastr["error"]('Please select Success'); // return; // } // submitForm.call(this); // } else { $('#mainHeading').prop('disabled', false); $('#subHeadingInput').prop('disabled', false); submitForm.call(this); } }); function submitForm() { var formData = new FormData(this); $.ajax({ type: "POST", url: '<?php echo base_url("updatelogbook")?>', data: formData, contentType: false, processData: false, success: function (response) { console.log(response); response = jQuery.parseJSON(response); if (response.result == 1) { toastr["success"](response.message); window.location.href = '<?php echo site_url("show-addlogbook") ?>?id=' + response.id; } else { toastr["error"](response.message); } }, error: function (xhr, status, error) { console.error(xhr.responseText); // Log the error details toastr["error"]('An error occurred while processing the form.'); } }); } }); </script> <script> function complete() { $("#com1").attr("readonly", false); $("#par1").attr("readonly", true); $("#par").prop("checked", false); $("#fail").prop("checked", false); } function partial() { $("#par1").attr("readonly", false); $("#com1").attr("readonly", true); $("#com").prop("checked", false); $("#fail").prop("checked", false); } function failure() { $("#par1").attr("readonly", true); $("#com1").attr("readonly", true); $("#com").prop("checked", false); $("#par").prop("checked", false); } </script> <script> function complete1() { $("#dom1").attr("readonly", false); $("#dar1").attr("readonly", true); $("#dar").prop("checked", false); $("#fail1").prop("checked", false); } function partial1() { $("#dar1").attr("readonly", false); $("#dom1").attr("readonly", true); $("#dom").prop("checked", false); $("#fail1").prop("checked", false); } function failure1() { $("#dar1").attr("readonly", true); $("#dom1").attr("readonly", true); $("#dom").prop("checked", false); $("#dar").prop("checked", false); } </script> <style> .one { border-radius: 20px !important; width: 50% !important; } </style> <script> const gaCheckbox = document.getElementById('gaCheckbox'); const cnbCheckbox = document.getElementById('cnbCheckbox'); const pnbCheckbox = document.getElementById('pnbCheckbox'); const cvccheck = document.getElementById('cvc_check'); const cvcdiv = document.getElementById('cvc_div'); const gaDiv = document.getElementById('gaDiv'); const cnbDiv = document.getElementById('cnbDiv'); const pnbDiv = document.getElementById('pnbDiv'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } gaCheckbox.addEventListener('change', function () { showDivIfChecked(gaCheckbox, gaDiv); }); cnbCheckbox.addEventListener('change', function () { showDivIfChecked(cnbCheckbox, cnbDiv); }); pnbCheckbox.addEventListener('change', function () { showDivIfChecked(pnbCheckbox, pnbDiv); }); cvccheck.addEventListener('change', function () { cvcdiv.style.display = cvccheck.checked ? 'block' : 'none'; }); gaCheckbox.dispatchEvent(new Event('change')); cnbCheckbox.dispatchEvent(new Event('change')); pnbCheckbox.dispatchEvent(new Event('change')); cvccheck.dispatchEvent(new Event('change')); </script> <!-- -start---airway and other other script --> <script> const oCheckbox1 = document.getElementById('oCheckbox1'); const oDiv1 = document.getElementById('oDiv1'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } oCheckbox1.addEventListener('change', function () { showDivIfChecked(oCheckbox1, oDiv1); }); oCheckbox1.dispatchEvent(new Event('change')); </script> <!-- -end---airway and other other script --> <!-- ------------------start other script chest,abdomen-------------------- --> <script> const oCheckbox3 = document.getElementById('oCheckbox3'); const oDiv3 = document.getElementById('oDiv3'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } oCheckbox3.addEventListener('change', function () { showDivIfChecked(oCheckbox3, oDiv3); }); oCheckbox3.dispatchEvent(new Event('change')); </script> <!-- ------------------end other script chest,abdomen-------------------- --> <!-- ------------------start other head and neck------------------- --> <script> const contentCheckbox = document.getElementById('contentCheckbox'); const oDiv2 = document.getElementById('oDiv2'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } contentCheckbox.addEventListener('change', function () { showDivIfChecked(contentCheckbox, oDiv2); }); contentCheckbox.dispatchEvent(new Event('change')); </script> <!-- ------------------end other head and neck------------------- --> <!-- ----------------start-- other script lower limb-------------------- --> <script> const oCheckbox4 = document.getElementById('oCheckbox4'); const oDiv4 = document.getElementById('oDiv4'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } oCheckbox4.addEventListener('change', function () { showDivIfChecked(oCheckbox4, oDiv4); }); oCheckbox4.dispatchEvent(new Event('change')); </script> <!-- -------------end----- other script lower limb-------------------- --> <!-- ----------------start-- other script upper limb ------------------ --> <script> const oCheckbox5 = document.getElementById('oCheckbox5'); const oDiv5 = document.getElementById('oDiv5'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } oCheckbox5.addEventListener('change', function () { showDivIfChecked(oCheckbox5, oDiv5); }); oCheckbox5.dispatchEvent(new Event('change')); </script> <!-- -------------end----- other script upper limb ------------------- --> <!-- ----------------start--anasthesia other script ------------------ --> <script> const checkbox3 = document.getElementById('checkbox3'); const oDiv6 = document.getElementById('oDiv6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } checkbox3.addEventListener('change', function () { showDivIfChecked(checkbox3, oDiv6); }); checkbox3.dispatchEvent(new Event('change')); </script> <!-- -------------end---anasthesia-- other script ------------------- --> <style> @media only screen and (max-width: 600px) { .bron-mob { margin-top: 25px; margin-left: -90px; } .ga_air { margin-left: 20px; } .successCNB-section { margin-left: 5px !important; margin-top: 10px !important; } .per_tool_ti { margin-left: 140px !important; margin-top: -30px !important; } .styled-input { margin-left: 30px; } .u-p-mob { width: 100% !important; } .preborder { width: 98% !important; } .spec-left { max-height: 110px; } #longTextDisplay { width: 100% !important; margin-left: 0px; margin-top: 20px !important; } .cer1 { margin-left: -28px; } .input-dropdown.show { width: 170%; } #left-hos-mob { margin-left: 0px; margin-bottom: 50px; } #cvc_div { width: 100% !important; margin-top: -15px !important; } } .per_tool_ti { margin-top: -33px !important; margin-left: 70px; position: relative; top: -33px; } .spec-left { height: 4545px !important; } .spec-left a:after { top: 45px; } .toggleup1 { margin-top: 10px; } #cvc_div { border: 0.5px solid rgb(156 144 144); padding: 7px; margin-bottom: 15px; margin-top: 0px; width: 80%; } .toggle-slider:before { position: absolute; content: ""; width: 37%; height: 21px; left: 3px; bottom: 4px; top: 2px; background-color: white; transition: 0.2s; border-radius: 50%; } .toggle-slider1 { position: absolute; cursor: pointer; width: 1%; height: 24px; background-color: #ddd; transition: 0.2s; border-radius: 34px; } .toggle-slider1:before { position: absolute; content: ""; width: 37%; height: 21px; left: 3px; bottom: 4px; top: 2px; background-color: white; transition: 0.2s; border-radius: 50%; } .per_tool_ti:hover .right-2 {} /* --------co-morbid------- */ .pt { padding-top: 15px; } .t-switch { border: 1px solid lightgrey; border-radius: 8px; margin-bottom: 15px; padding: 8px; } /* .t-switch ul { list-style-type: none; padding-left: 5px; } .t-switch li { width: 31%; display: inline-block; } */ .togle { display: flex; } .togle label { margin-right: 15px; width: 60%; font-size: 17px; } .box_1 { margin-right: 10px; } input[type="checkbox"].switch_1 { font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 3.5em; height: 1.5em; background: #ddd; border-radius: 3em; position: relative; cursor: pointer; outline: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } input[type="checkbox"].switch_1:checked { background: #0ebeff; } input[type="checkbox"].switch_1:after { position: absolute; content: ""; width: 1.5em; height: 1.5em; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3); box-shadow: 0 0 .25em rgba(0, 0, 0, .3); -webkit-transform: scale(.7); transform: scale(.7); left: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } input[type="checkbox"].switch_1:checked:after { left: calc(100% - 1.5em); } .Management-Tool { text-align: center; justify-content: center; color: white; } .Management-Tool h4 { padding-top: 4px; font-size: 18px !important; } .Management-Tool-row { --bezier: cubic-bezier(0.22, 0.61, 0.36, 1); --edge-light: hsla(0, 0%, 50%, 0.8); --text-light: rgba(255, 255, 255, 0.4); --back-color: 240, 40%; cursor: pointer; padding: 0.0em 1em; border-radius: 0.5em; min-height: 2.4em; min-width: 3em; display: flex; align-items: center; gap: 0.5em; font-size: 18px; letter-spacing: 0.05em; line-height: 1; font-weight: bold; background: linear-gradient(to left, #0198CD, #0160A2); color: hsla(0, 0%, 90%); border: 0; box-shadow: inset 0.4px 1px 4px var(--edge-light); transition: all 0.1s var(--bezier); } .Management-Tool-row:hover { --edge-light: hsla(0, 0%, 50%, 1); text-shadow: 0px 0px 10px var(--text-light); box-shadow: inset 0.4px 1px 4px var(--edge-light), 2px 4px 8px hsla(0, 0%, 0%, 0.295); transform: scale(1.02); } .Management-Tool-row:active { --text-light: rgba(255, 255, 255, 1); background: linear-gradient(to left, #0198CD, #0160A2); box-shadow: inset 0.4px 1px 8px var(--edge-light), 0px 0px 8px hsla(var(--back-color), 50%, 0.6); text-shadow: 0px 0px 20px var(--text-light); color: hsla(0, 0%, 100%, 1); /* letter-spacing: 0.1em; */ transform: scale(1); } @media only screen and (min-width:320px) and (max-width:640px) { .t-switch li { width: initial; display: initial; } .togle { display: initial; } } /* ----management tool kit mob ----- */ .toolkit-dwn-main{ padding: 35px; } @media only screen and (max-width: 600px) { .Management-Tool h4 { padding-top: 0px; font-size: 15px; } .mng-tool1 { background-color: white; margin: 0px !important; width: 40%; position: relative; top: -10px; margin-left: 67px; padding: 0px !important; left: 63px; } #firstdiv{ display: flex; box-shadow: 0px 0px 10px; border-radius:3px 3px 6px 6px;; padding: 10px 0px; margin-top: -10px !important; } .toolkit_img{ margin-left: 33px !important; margin-top: 9px; width: 35%; } .toolkit-dwn-main{ padding: 0px 0px 0px 44px; margin-top: 15px; } #firstdiv label{ font-size: 11px; } .toolkit-dwn-imgs{ background-color: white; margin-top: 22px !important; margin-left: -28px !important; } } @media only screen and (max-width: 600px) { #supr-mob{ margin-top: -492px; margin-bottom: 401px; } #anthesia{ margin-top: 100px; } } /* ----management tool kit mob ----- */ </style>