EVOLUTION-NINJA

Edit File: add_new_case.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('anaesthesia-logbook'); ?>"> <!-- <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">Add New 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" id="case_num" readonly> <script> function generateCaseNumber() { var randomNumber = Math.floor(Math.random() * 90000) + 10000; var caseNumber = 'CASE' + randomNumber; document.getElementById('case_num').value = caseNumber; } window.addEventListener('DOMContentLoaded', generateCaseNumber); </script> </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" 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)">Morning (8:00-13:00)</option> <option value="Afternoon (13:00-18:00)">Afternoon (13:00-18:00)</option> <option value="Evening (18:00-22:00)">Evening (18:00-22:00)</option> <option value="Night (22:00- 08:00)">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 button --> <!-- 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" 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" 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">Male</option> <option value="female">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">ASA1</option> <option value="ASA2">ASA2</option> <option value="ASA3">ASA3</option> <option value="ASA4">ASA4</option> <option value="ASA5">ASA5</option> <option value="ASA6">ASA6</option> </select> </div> <div class="col-sm-1"> <img class="mx-auto d-block mt-4 asa-ai" src="images/MeduAi_Logo 3.png" onclick="askQuest('what is the asa score and how is it used in anesthesia management')" alt="Group 11 (2)"> </div> </div><br> <div class="row"> <div class="col-sm-2 ageno"> <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"> </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" 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" id="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="hieght" 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="hieght" 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="hieght" step="any" readonly><label class="wwig-lab label_sttyle_add">cms</label></li> </ul> </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" id="bmi" name="BMI" readonly> <img class="mx-auto d-block mt-4 bmi-ai" src="images/MeduAi_Logo 3.png" onclick="askQuest('How does BMI affect anesthesia management? Can you list out the things I should keep in mind while administering different types of anaesthesia? What are the precautions to take?')" alt="Group 11 (2)"> </div> </div> <div class="col-sm-5"></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"><img src="images/MeduAi_icon.png" class="co-togswi-ai" onclick="askQuest('what are the types of Cardiovascular comorbidities in patients, which I have to consider before surgery?')" alt=""> </div><br> </div> <div id="CardiovascularContent" style="display:none;"> <input type="checkbox" id="cardio-1" name="Cardiovascular_check[]" value="Hypertension"> <label for="cardio-1">Hypertension</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Hypertension? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Cardiovascular comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="cardio-2" name="Cardiovascular_check[]" value="Coronary Artery Disease (CAD)"> <label for="cardio-2">Coronary Artery Disease (CAD)</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Coronary Artery Disease(CAD)? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Cardiovascular comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="cardio-3" name="Cardiovascular_check[]" value="Heart Failure"> <label for="cardio-3">Heart Failure</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Heart Failure? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Cardiovascular comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="cardio-4" name="Cardiovascular_check[]" value="Arrhythmias"> <label for="cardio-4">Arrhythmias</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Arrhythmias? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Cardiovascular comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="cardio-5" name="Cardiovascular_check[]" value="Valvular Heart Disease"> <label for="cardio-5">Valvular Heart Disease</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Valvular Heart Disease? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Cardiovascular comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="cardio6" name="Cardiovascular_check[]" value="Other"> <label for="cardio6">Other </label> <input type="text" name="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"><img src="images/MeduAi_icon.png" class="co-togswi-ai" onclick="askQuest('what are the types of Endocrine and Metabolic comorbidities in patients, which I have to consider before surgery?')" alt="ai"> </div><br> </div> <div id="EndocrineContent1" style="display:none;"> <input type="checkbox" id="DiabetesMellitus" name="Endocrine_check[]" value="Diabetes Mellitus"> <label for="DiabetesMellitus">Diabetes Mellitus</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Diabetes Mellitus ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Endocrine and Metabolic comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="ThyroidDisorders" name="Endocrine_check[]" value="Thyroid Disorders"> <label for="ThyroidDisorders">Thyroid Disorders</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Thyroid Disorders ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Endocrine and Metabolic comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Obesity" name="Endocrine_check[]" value="Obesity"> <label for="Obesity">Obesity</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Obesity ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Endocrine and Metabolic comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Endocrine" name="Endocrine_check[]" value="Other"> <label for="Endocrine">Other </label> <input type="text" name="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"><img src="images/MeduAi_icon.png" class="co-togswi-ai" onclick="askQuest('what are the types of Respiratory comorbidities in patients, which I have to consider before surgery?')" alt="ai"> </div><br> </div> <div id="RespiratoryContent1" style="display:none;"> <input type="checkbox" id="ChronicObstructive" name="Respiratory_check[]" value="Chronic Obstructive Pulmonary Disease (COPD)"> <label for="ChronicObstructive">Chronic Obstructive Pulmonary Disease</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Chronic Obstructive Pulmonary Disease ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Respiratory comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Asthma" name="Respiratory_check[]" value="Asthma "> <label for="Asthma">Asthma </label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Asthma ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Respiratory comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="ObstructiveSleep" name="Respiratory_check[]" value="Obstructive Sleep Apnea (OSA)"> <label for="ObstructiveSleep">Obstructive Sleep Apnea (OSA)</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Obstructive Sleep Apnea ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Respiratory comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="RestrictiveLung" name="Respiratory_check[]" value="Restrictive Lung Disease"> <label for="RestrictiveLung">Restrictive Lung Disease</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Restrictive Lung Disease ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Respiratory comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Respiratory" name="Respiratory_check[]" value="Other"> <label for="Respiratory">Other</label> <input type="text" name="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"> <img src="images/MeduAi_icon.png" class="co-togswi-ai" onclick="askQuest('what are the types of Renal and Hepatic comorbidities in patients, which I have to consider before surgery?')" alt="ai"> </div><br> </div> <div id="RenalContent1" style="display:none;"> <input type="checkbox" id="Chronic_Kidney" name="Renal_check[]" value="Chronic Kidney Disease (CKD)"> <label for="Chronic_Kidney">Chronic Kidney Disease (CKD)</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Chronic Kidney Disease (CKD) ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Renal and Hepatic comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="LiverDisease" name="Renal_check[]" value="Liver Disease"> <label for="LiverDisease">Liver Disease</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Liver Disease ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Renal and Hepatic comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Hepatic" name="Renal_check[]" value="Other"> <label for="Hepatic">Other </label> <input type="text" name="Renal_other[]" class="form-control styled-input" id="Hepatic6" style="width: 50%;"> <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"> <img src="images/MeduAi_icon.png" class="co-togswi-ai" alt="ai" onclick="askQuest('what are the types of Neurological comorbidities in patients, which I have to consider before surgery?')"> </div><br> </div> <div id="NeurologicalContent1" style="display:none;"> <input type="checkbox" id="StrokeHistory" name="Neurological_check[]" value="Stroke History"> <label for="StrokeHistory">Stroke History</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with stroke history? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Neurological comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="NeurodegenerativeDiseases" name="Neurological_check[]" value="Neurodegenerative Diseases"> <label for="NeurodegenerativeDiseases">Neurodegenerative Diseases</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Neurodegenerative Diseases ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Neurological comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="SeizureDisorders" name="Neurological_check[]" value="Seizure Disorders"> <label for="SeizureDisorders">Seizure Disorders</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Seizure Disorders ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Neurological comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Neurological" name="Neurological_check[]" value="Other"> <label for="Neurological">Other </label> <input type="text" name="Neurological_other[]" class="form-control styled-input" id="Neurological6" style="width: 50%;"> <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"> <img src="images/MeduAi_icon.png" class="co-togswi-ai" onclick="askQuest('what are the types of Hematologic comorbidities in patients, which I have to consider before surgery?')" alt="ai"> </div><br> </div> <div id="HematologicContent1" style="display:none;"> <input type="checkbox" id="Coagulopathies" name="Hematologic_check[]" value="Coagulopathies"> <label for="Coagulopathies">Coagulopathies</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Coagulopathies? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Hematologic comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Anaemia" name="Hematologic_check[]" value="Anaemia"> <label for="Anaemia">Anaemia</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Anaemia? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Hematologic comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="BleedingDisorder" name="Hematologic_check[]" value="Bleeding Disorder"> <label for="BleedingDisorder">Bleeding Disorder</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Bleeding Disorder? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Hematologic comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Hematologic" name="Hematologic_check[]" value="Other"> <label for="Hematologic">Other </label> <input type="text" name="Hematologic_other" class="form-control styled-input" id="Hematologic6" style="width: 50%;"> <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"> <img src="images/MeduAi_icon.png" class="co-togswi-ai" alt="ai" onclick="askQuest('what are the types of Mental Heath comorbidities in patients, which I have to consider before surgery?')"> </div><br> </div> <div id="MentalHeathContent1" style="display:none;"> <input type="checkbox" id="PsychiatricDisorders" name="Mental_check[]" value="Psychiatric Disorders"> <label for="PsychiatricDisorders">Psychiatric Disorders</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Psychiatric Disorders ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Mental Heath comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="MentalHealth" name="Mental_check[]" value="Mental Health Issue"> <label for="MentalHealth">Mental Health Issue</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Mental Health Issue ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Mental Heath comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Mental" name="Mental_check[]" value="Other"> <label for="Mental">Other</label> <input type="text" name="Mental_other" class="form-control styled-input" id="Mental6" style="width: 50%;"> <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"> <img src="images/MeduAi_icon.png" class="co-togswi-ai" alt="ai" onclick="askQuest('what are the types of allergies in patients, which I have to consider before surgery?')"> </div><br> </div> <div id="AllergiesContent1" style="display:none;"> <input type="checkbox" id="Allergies" name="Allergies_check[]" value="Other"> <label for="Allergies">Other </label> <input type="text" name="Allergies_other" class="form-control styled-input" id="Allergies6" style="width: 50%;"> <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"> <img src="images/MeduAi_icon.png" class="co-togswi-ai" onclick="askQuest('what are the types of Other Considerations comorbidities in patients, which I have to consider before surgery?')" alt="ai"> </div><br> </div> <div id="OtherConsiderationsContent1" style="display:none;"> <input type="checkbox" id="ChronicPain" name="Considerations_check[]" value="Chronic Pain and Opioid Tolerance"> <label for="ChronicPain">Chronic Pain and Opioid Tolerance</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Chronic Pain and Opioid Tolerance ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Other Considerations comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="ImmunocompromisedStates" name="Considerations_check[]" value="Immunocompromised States"> <label for="ImmunocompromisedStates">Immunocompromised States</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Immunocompromised States ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Other Considerations comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Spinedeformities" name="Considerations_check[]" value="Spine and Back deformities"> <label for="Spinedeformities">Spine and Back deformities</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Spine and Back deformities ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Other Considerations comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="FeverInfection" name="Considerations_check[]" value="Fever/Infection"> <label for="FeverInfection">Fever/Infection</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Fever/Infection ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Other Considerations comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Malignancy" name="Considerations_check[]" value="Malignancy"> <label for="Malignancy">Malignancy</label> <img src="images/MeduAi_icon.png" onclick="comorbid('I am an anesthetist. How should I prepare for surgery of a patient with Malignancy ? Give me details on following steps 1. Preoperative Evaluation 1a Vital parameters control 1b medication review and1c end-organ damage assessment 2 Risk stratification 2a risk evaluation models specific to Other Considerations comorbidities_2b Stratification strategies 2c Analysis of stratified data 3 Anesthetic Plan 3a Choice of Anesthesia 3b Goals 3c Intraoperative monitoring 4 Intraoperative Management 4a Vital parameters management, 4b Fluid Management 5 Postoperative Management 5a Vital parameters management, 5b pain control 5c medication management 6 Interdisciplinary communication 7 patient education')" alt="medu icon"> <br> <input type="checkbox" id="Considerations" name="Considerations_check[]" value="Other"> <label for="Considerations">Other </label> <input type="text" name="Considerations_other" class="form-control styled-input" id="Considerations6" style="width: 50%;"> <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> <!-- 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> <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='' selected>Select</option> <option value='General Surgery'>General Surgery</option> <option value='Gynaecology'>Gynaecology</option> <option value='Orthopaedics'>Orthopaedics</option> <option value='Plastic surgery'>Plastic surgery</option> <option value='Cardiothoracic surgery'>Cardiothoracic surgery</option> <option value='Vascular Surgery'>Vascular Surgery</option> <!-- <option value='Vascular Surgery'>Vascular Surgery</option> --> <option value='Neuro-spine'>Neuro-spine</option> <option value='Urology'>Urology</option> <option value='Dental'>Dental</option> <option value='ENT'>ENT</option> <option value='Maxillo facial'>Maxillo facial</option> <option value='Paediatric and neonatology'>Paediatric and neonatology</option> <option value='Obstetrics'>Obstetrics</option> <option value='Ophthalmology'>Ophthalmology</option> <option value='Radiology'>Radiology</option> <option value="others">Others</option> </select> <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'>Obstetric Anaesthesia</option> <option value='LabourAnalgesia'>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" style="margin-top: 20px;"> </div> </div> <div class="col-sm-1"></div> <div class="col-sm-3 ageno preborder_1"> <p class="label_sttyle_add">Surgery Location<span class="mandat">*</span></p> <select id="mainHeading" name="surgery_location" class="form-control"> <option value="">Select</option> <option value="headneck">Head & Neck </option> <option value="Thorax">Thorax </option> <option value="SpineSpinalCord">Spine and Spinal Cord </option> <option value="UpperAbdomen">Upper Abdomen </option> <option value="LowerAbdomen">Lower Abdomen </option> <option value="Perineum">Perineum </option> <option value="Pelvis_ExceptHip">Pelvis (Except Hip) </option> <option value="UpperLeg_Except_Knee">Upper Leg (Except Knee) </option> <option value="Knee_and_Popliteal_Area">Knee and Popliteal Area </option> <option value="Lower_Leg_Below_Knee">Lower Leg (Below Knee) </option> <option value="Shoulder_and_Axilla">Shoulder and Axilla </option> <option value="Upper_Arm_Elbow">Upper Arm and Elbow </option> <option value="Forearm_Wrist_Hand">Forearm Wrist and Hand </option> <option value="Others_Unlisted">Others / Unlisted </option> </select> </div> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-3 ageno preborder_1"> <div class="input-wrapper"> <label for="subHeadingInput" class="label_sttyle_add">Surgery Procedure <span class="mandat">*</span></label> <input type="text" id="subHeadingInput" class="form-control" 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 class="col-sm-1"> <img class="mx-auto d-block mt-4 sur-ai" src="images/MeduAi_Logo 3.png" onclick="surgeryprocedure()" alt="Group 11 (2)"> </div> </div><br> </div> </div> <!-- --> <!-- ---------start 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"> <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"> <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"> <label for="new3"> BMI</label> <br> <input type="hidden" name="toolkit_Comorbidies" value="No"> <input type="checkbox" id="new4" name="toolkit_Comorbidies" value="Yes"> <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"> <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"> <label for="new6">Any other information on patient condition</label> <br> <input type="text" name="toolkit_others_input" id="Any_other" class="form-control"> </div> <script> const new6 = document.getElementById('new6'); const Any_other = 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, Any_other); }); new6.dispatchEvent(new Event('change')); </script> <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 toolkit_img" src="images/MeduAi_Logo 2.png" style="background-color: white; margin: 10px;" width="90%" onclick='an_tool()' alt="Group 11 (2)"> </div> </div> <!-- 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 --> <!-- 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; 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--- speciality others -----------------------> <script> const optionsSelect = document.getElementById('options'); const otherInputContainer = document.getElementById('otherInputContainer'); const otherInput = document.getElementById('otherInput'); const obsinputContainer = document.getElementById('obstetrics-options'); // Change the variable name optionsSelect.addEventListener('change', () => { if (optionsSelect.value === 'others') { otherInputContainer.style.display = 'block'; obsinputContainer.style.display = 'none'; // Hide obsinputContainer otherInput.value = ''; } else if (optionsSelect.value === 'Obstetrics') { // Use "else if" here otherInputContainer.style.display = 'none'; obsinputContainer.style.display = 'block'; // Show obsinputContainer otherInput.value = ''; } else { otherInputContainer.style.display = 'none'; obsinputContainer.style.display = 'none'; // Hide both containers in other cases otherInput.value = ''; } }); </script> <!------------------------------end--- speciality others -------------------------> <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---------------------------> <!-- ---------------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"> <label for="emergency">Emergency</label>&nbsp;&nbsp; <br><input type="radio" id="elective" name="category" value="elective" class="radio-button"> <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" id="mimi-icon"> <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"> <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"> <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: 3.5em; height: 1.5em; background-color: #ddd; transition: 0.2s; border-radius: 34px; } .toggle-slider-new:before{ position: absolute; content: ""; width: 32% !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;" class="label_sttyle_add">Experience&nbsp;Level <!-- <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;"> </h6> </i> </div> </div> </div> --> <!-- i new btn --> <div class="tooltip-3" id="exp-icon"> <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> </div> <div class="row"> <div class="col-sm-4"> <select class="form-control cnb_done_by1" name="done_by_1" id="cnb_done_by1" name="cnb_done_by1"> <option value="" selected="selected">Select</option> <!-- <option value="Consultant">Consultant</option> <option value="Trainee">Trainee</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-left: -14px;" name="cnb_done_by2"> <option value="" selected="selected">Select</option> <!-- <option value="Junior Consultant">Junior Consultant</option> <option value="Senior Consultant">Senior Consultant</option> <option value="Junior Trainee">Junior Trainee</option> <option value="Senior Trianee">Senior Trianee</option> --> </select> </div> </div> </div> <!-- ---------------end------------ Anaesthesia---------------------------------------------> </div> </div> <div class="row"> <!-- <div class="col-sm-1"></div> --> <div class="col-sm-3 ageno preborder_1"> <label class="label_sttyle_add " id="anthesia">Anaesthesia <span class="mandatred" style="color: red;">*</span><img class="mx-auto d-block mt-4 anasa-ai" src="images/MeduAi_Logo 3.png" onclick='anaesthesia()' alt="Group 11 (2)"></label> <div class="checkbox-row" style="margin-top: 10px;"> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" name="anaesthesia_mon" id="checkbox1"> <label for="checkbox1">Monitoring only</label> </div> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" name="anaesthesia_ga" id="gaCheckbox"> <label for="gaCheckbox">GA </label> </div> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" name="anaesthesia_cnb" 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" id="pnbCheckbox"> <label for="pnbCheckbox">PNB</label> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-checkbox" name="anaesthesia_sed" id="checkbox2"> <label for="checkbox2">Sedation </label> <div class="checkbox-item"> <input type="checkbox" class="anaesthesia-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" data-content="content4" data-content="content1" style="width: 50%;"> </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 <img class="mx-auto d-block mt-4 spec-ai" src="images/MeduAi_Logo 3.png" onclick="askQuest_check('special procedures like airway management, CVS, CNS and any other for administering anesthesia for ')" alt="Group 11 (2)"></label><br> <label class="mt-2"> <input type="checkbox" name="special_procedures_av" class="checkbox" data-content="content1"> Airway and Ventilation </label><br> <label> <input type="checkbox" id="cvs_checkbox" name="special_procedures_cvs" class="checkbox" data-content="content2"> CVS </label><br> <label> <input type="checkbox" name="special_procedures_cns" class="checkbox" data-content="content3"> CNS </label><br> <label> <input type="checkbox" name="special_procedures_other" class="checkbox" data-content="content4"> Other </label><br> </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" id="spv" name="supervision" style="border-radius: 15.5px;" onfocusout='checksupervision()'> <option value="">Select</option> <option value="Direct Supervision">Direct Supervision</option> <option value="Independent Supervision">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" 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" data-content="content14">&nbsp;Video Laryngoscopy</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_airway_ventilation_bn" class="checkbox" 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" data-content="content14">&nbsp;Bronchial blocker</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label "><input name="sp_airway_ventilation_bron" type="checkbox" class="checkbox" data-content="content14">&nbsp;Bronchoscopy</label> </div> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_dl" class="checkbox" data-content="content14">&nbsp;Double lumen Tube</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_foi" class="checkbox" data-content="content14">&nbsp;FOI Awake/Asleep</label> </div> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_fon" class="checkbox" data-content="content14">&nbsp;FONA</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_jet" class="checkbox" data-content="content14">&nbsp;Jet Ventilation</label> </div> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_ri" class="checkbox" data-content="content14">&nbsp;Retrograde intubation</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label mr-2"><input type="checkbox" name="sp_airway_ventilation_sub" class="checkbox" data-content="content14">&nbsp;Submental intubation</label> </div> <div class="col-sm-6"> <label class="checkbox-label mr-5"><input type="checkbox" name="sp_airway_ventilation_surg" class="checkbox" data-content="content14">&nbsp;Surgical tracheostomy</label> </div> </div> <div class="row"> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="sp_airway_ventilation_to" class="checkbox" data-content="content14">&nbsp;Thrive Optiflow</label> </div> <div class="col-sm-6"> <label class="checkbox-label "><input type="checkbox" name="sp_airway_ventilation_ao" class="checkbox" data-content="content14">&nbsp;Apnoeic oxygenation</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"> Other</label> <input type="text" class="form-control mb-2 styled-input" id="oDiv1" data-content="content4" name="av_others" 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" 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" 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" class="checkbox" data-content="content14">&nbsp;CVC (Central Venous Catheter line): 4 options: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jugular/Subclavian/Femoral/other </label> <div class="" id="cvc_div"> <label class="checkbox-label"><input type="checkbox" class="checkbox" >&nbsp;Jugular</label> <label class="checkbox-label"><input type="checkbox" class="checkbox" >&nbsp;Subclavian</label> <label class="checkbox-label"><input type="checkbox" class="checkbox" >&nbsp;Femoral</label> <label class="checkbox-label"><input type="checkbox" class="checkbox" >&nbsp;other</label> </div> </div> --> <!-- HTML code for the CVC label element and cvc_div --> <div class="col-sm-6"> <label class="checkbox-label" id="cvcLabel"> <input type="checkbox" name="ssp_cvs_central" id="cvc_check" class="checkbox" 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" class="checkbox">&nbsp;Jugular</label> <label class="checkbox-label"><input type="checkbox" name="Subclavian" value="Subclavian" class="checkbox">&nbsp;Subclavian</label> <label class="checkbox-label"><input type="checkbox" name="Femoral" value="Femoral" class="checkbox">&nbsp;Femoral</label> <label class="checkbox-label"><input type="checkbox" name="other" value="other" class="checkbox">&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">&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" class="checkbox" data-content="content14">&nbsp;Cardiac output monitoring- <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;invasive including PA catheter </label> </div> <div class="col-sm-6"> <label class="checkbox-label"><input type="checkbox" name="ssp_cvs_te" value="TOE:Transoesophageal Echocardiography" class="checkbox" 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" 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" 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" 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" 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" class="checkbox" data-content="content14">&nbsp;NIRS (Near Infra-red spectrometry) Cerebral Oximetry </label> </div> </div> </div> <!-- ---------------------end ---- cns--------------- --> <!-- ---------------------start ---- other--------------- --> <div class="content" id="content4"> <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" 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" 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" 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" 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" 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" 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" 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" data-content="content14">&nbsp;Gastric Ultrasound</label> </label> </div> </div> </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 <select name="ga_technique" class="form-control" id='GATECH'> <option value=''>Select</option> <option value='Inhalational'>Inhalational</option> <option value='TIVA'>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" style="width: 13px; height: 13px;"> &nbsp;GA ETT</label> </div> <div class="row"> <label for="GA LMA"> <input type="checkbox" name="ga_airway_management_lma" id="GA LMA" style="width: 13px; height: 13px;"> &nbsp;GA LMA </label> </div> <div class="row"> <label for="GA Mask"> <input type="checkbox" name="ga_airway_management_mask" id="GA Mask" style="width: 13px; height: 13px;"> &nbsp;GA Mask</label> </div> <div class="row"> <label class="gaother"> <input type="checkbox" name="ga_airway_management_other" style="width: 13px; height: 13px;"> &nbsp;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;"> 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;"> 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;"> 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;"> 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"> <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-2"></div> --> <div class="col-sm-6"> <div class="form-check"> <label class="form-check-label"> <input type="radio" class="form-check-input" id="dom" value="Complete Success" 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" 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" 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" 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" value="Failure" name="cnb_outcome" name="fail1" onclick="failure1()">Failure <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"></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">Right </option> <option value="Left">Left </option> <option value="Both">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" 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" 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" 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" class="checkbox " data-content="content04"> Upper Limb </label> </div> </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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" data-content="content14">&nbsp;Other </label> <div id="oDiv3"><input type="text" name="pnbl_capppnbl_other" 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" 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" class="checkbox" data-content="content14">&nbsp;Cervical plexus intermediate</label> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <label class="checkbox-label mr-5"><input type="checkbox" name="pnbl_headneck_cps" value="Cervical plexus superficial" class="checkbox" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" id="contentCheckbox"> Other</label> <div id="oDiv2"><input type="text" name="pnbl_headneck_other" 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 ---- Head and Neck--------------- --> <!-- ---------------------------------- --> <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" 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" 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" data-content="content14">&nbsp;Bier's 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" data-content="content14">&nbsp;Selective Tibial Nerve </label> </div> <div class="col-sm-4"> <label class="checkbox-label ml-5 cervical"><input type="checkbox" id="oCheckbox4" name="pnbl_lowerlimb_other" value="other" 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" data-content="content4" data-content="content1" style="margin-left: 110px; margin-top: -30px;"></div> </div> </div> </div> </div> <!-- ---------------------end ---- cns--------------- --> <!-- ---------------------start ---- other--------------- --> <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" 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" 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" data-content="content14">&nbsp;Digital Ring Block </label> </div> </div> <div class="row ml-1"> <!-- <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" name="pnbl_upperlimb_block" value="Block" class="checkbox" 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" 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" 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" 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" 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" data-content="content14">&nbsp;Wrist Block </label> </div> <div class="col-sm-3 "> <label class="checkbox-label "><input type="checkbox" id="oCheckbox5" 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" name="upperlimb_other2" data-content="content4" data-content="content1" style="margin-left: 70px; width: 85% !important; margin-top: -30px;"> </div> </div> </div> <div class="row ml-1"> </div> </div> </div> <!-- ----------end upper limb------------------------------------------------- --> <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" 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" 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" value="option1"> Ultrasound </div> </label> <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" 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" 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 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-2"></div> --> <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">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" 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" 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="">Select</option> <option value="Postop PCA Review">Postop PCA Review </option> <option value="Postop Epidural Review">Postop Epidural Review </option> <option value="Postop Review (general)">Postop Review (general) </option> <option value="Acute on chronic pain review">Acute on chronic pain review </option> <option value="Trauma review">Trauma review </option> <option value="Simple pain plan">Simple pain plan </option> <option value="Complex pain plan">Complex pain plan </option> <option value="Regional block top-up">Regional block top-up </option> <option value="Chronic Pain review">Chronic Pain review </option> <option value="Cancer Pain review">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">Complex case </option> <option value="Interesting case">Interesting case </option> <option value="Publication worthy case">Publication worthy case </option> <option value="Critical incident">Critical incident </option> </select> <!-- <img class="mx-auto d-block mt-4 cstag-ai" src="images/MeduAi_Logo 3.png" onclick="casetags()" alt="Group 11 (2)"> --> </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" 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">Save</button> <button class="btn last_cancel ml-3 mt-3"><a href="<?php echo base_url('anaesthesia-logbook'); ?>">Cancel</a></button> </form> <!-- -------------------end notes--------------------------------------------- --> <!-- 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-disclaimer1');?>" 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> <div class="container"> </div> </footer> </div> <!-- medu ai8 end --> <script> function comorbid(q){ // alert(q) askQuest(q); } function anaesthesia() { let globSpecialProcedure = document.getElementById('subHeadingInput').value; if (globSpecialProcedure != '') { an_question = 'anaesthesia in ' + globSpecialProcedure; askQuest(an_question); } else { toastr.warning('Please select surgery procedure'); } } function askQuest_check(ques) { let globSpecialProcedure1 = document.getElementById('subHeadingInput').value; if (globSpecialProcedure1 != '') { an_questioncheck = ques + '' + globSpecialProcedure1; askQuest(an_questioncheck); } else { toastr.warning('Please select surgery procedure'); } } function surgeryprocedure() { let globSpecialProcedure2 = document.getElementById('subHeadingInput').value; if (globSpecialProcedure2 != '') { var sr_question = 'I am an anesthesiologist. I want to know more about providing anaesthesia for surgery ' + globSpecialProcedure2 + '. 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. '; askQuest(sr_question); } else { toastr.warning('Please select surgery procedure'); } } function casetags() { let globSpecialProcedure3 = document.getElementById('subHeadingInput').value; if (globSpecialProcedure3 != '') { var castags_question = 'complications in anesthesia management in ' + globSpecialProcedure3; askQuest(castags_question); } else { toastr.warning('Please select surgery procedure'); } } </script> <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'; loadingSpinner.scrollIntoView({ behavior: 'smooth' }); } function hideLoadingSpinner() { var loadingSpinner = document.getElementById('loading-spinner'); loadingSpinner.style.display = 'none'; } </script> <script> </script> <style> .red { color: #013a62; font-family: system-ui; font-size: 15px; } .text-p{ color: black; } </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); } .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); } .toolkit-dwn{ margin-left: 36px; margin-bottom: -4px; } @media only screen and (max-width: 600px) { .health-ai { margin: 10px; } .toolkit-dwn{ margin-bottom: 20px; } .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; } } /* ----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> <!-- 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 --> <!-------star----special procedure------------> <script> 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); </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> document.addEventListener('DOMContentLoaded', function () { var subjectObject = { "Consultant": ["Junior Consultant", "Senior Consultant"], "Trainee": ["Junior Trainee", "Senior Trainee"] }; var subjectSel = document.getElementById("cnb_done_by1"); var topicSel = document.getElementById("cnb_done_by2"); function populateTopics() { var selectedSubject = subjectSel.value; var topics = subjectObject[selectedSubject]; // Clear previous options topicSel.innerHTML = ''; // Add default option var defaultOption = document.createElement('option'); defaultOption.text = 'Select '; topicSel.add(defaultOption); // Populate topics for (var i = 0; i < topics.length; i++) { var option = document.createElement('option'); option.value = topics[i]; option.text = topics[i]; topicSel.add(option); } } // Populate the subject dropdown for (var subject in subjectObject) { var option = document.createElement('option'); option.value = subject; option.text = subject; subjectSel.add(option); } // Event listeners subjectSel.addEventListener('change', function () { populateTopics(); // Save to local storage localStorage.setItem('lastSelectedSubject', subjectSel.value); }); topicSel.addEventListener('change', function () { // Save to local storage localStorage.setItem('lastSelectedTopic', topicSel.value); }); // Load last selections from local storage var lastSelectedSubject = localStorage.getItem('lastSelectedSubject'); var lastSelectedTopic = localStorage.getItem('lastSelectedTopic'); if (lastSelectedSubject) { subjectSel.value = lastSelectedSubject; populateTopics(); } if (lastSelectedTopic) { topicSel.value = lastSelectedTopic; } }); </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> <!------------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> <!-- <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> <!-- -------------logbook submitting ajax-------- --> <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; } // 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(); if (!done1Value) { toastr["error"]('Please select Surgery Location'); return; } // subHeadingInput const done2 = $('#subHeadingInput'); const done2Value = done2.val(); if (!done2Value) { 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("addlogbook")?>', 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.msg; } 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'); gaCheckbox.addEventListener('change', function () { gaDiv.style.display = gaCheckbox.checked ? 'block' : 'none'; }); cnbCheckbox.addEventListener('change', function () { cnbDiv.style.display = cnbCheckbox.checked ? 'block' : 'none'; }); pnbCheckbox.addEventListener('change', function () { pnbDiv.style.display = pnbCheckbox.checked ? 'block' : 'none'; }); cvccheck.addEventListener('change', function () { cvcdiv.style.display = cvccheck.checked ? 'block' : 'none'; }); </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 oCheckbox6 = document.getElementById('oCheckbox6'); const oDiv6 = document.getElementById('oDiv6'); function showDivIfChecked(checkbox, div) { if (checkbox.checked) { div.style.display = 'block'; } else { div.style.display = 'none'; } } oCheckbox6.addEventListener('change', function () { showDivIfChecked(oCheckbox6, oDiv6); }); oCheckbox6.dispatchEvent(new Event('change')); </script> <!-- -------------end---anasthesia-- other script ------------------- --> <!-----------auto fill contents-------------------> <script> document.addEventListener('DOMContentLoaded', function () { // Get the input element var hospitalInput = document.getElementById('hospital'); // Check if there is a stored value for the hospital input in local storage var lastHospital = localStorage.getItem('lastHospital'); // If there is a stored value, autofill the input if (lastHospital) { hospitalInput.value = lastHospital; } // Listen for changes to the input field and save the value to local storage hospitalInput.addEventListener('input', function () { localStorage.setItem('lastHospital', hospitalInput.value); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { var selectElementsuper = document.querySelector('select[name="supervision"]'); // Load last selected value from local storage var lastSelectedValue = localStorage.getItem('lastSelectedSupervision'); // Set the last selected value, if available if (lastSelectedValue) { selectElementsuper.value = lastSelectedValue; } // Listen for changes and save the selected value to local storage selectElementsuper.addEventListener('change', function () { localStorage.setItem('lastSelectedSupervision', selectElementsuper.value); }); }); </script> <!---------auto fill contents end----------> <script> $('.accordion1-header').on('click', function () { $(this).find('.accordion-img').toggleClass('rotate'); }); </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; } .u-p-mob { width: 100% !important; } .preborder { width: 98% !important; } #longTextDisplay { width: 100% !important; margin-left: 0px; margin-top: 20px !important; } .spec-left { max-height: 110px; } .input-dropdown.show { width: 170%; } #left-hos-mob { margin-left: 0px; margin-bottom: 50px; } #cvc_div { width: 100% !important; margin-top: -15px !important; } } .spec-left { height: 4545px !important; } .per_tool_ti { margin-top: -2px !important; margin-left: 70px; position: relative; top: -32px !important; } .spec-left a:after { top: 45px; } .toggleup1 { margin-top: 10px; } .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 {} .accordion-img { transition: transform 0.3s; } .rotate { transform: rotate(180deg); } #cvc_div { border: 0.5px solid rgb(156 144 144); padding: 7px; margin-bottom: 15px; margin-top: 0px; width: 80%; } /* -----------ai logo------------------ */ .asa-ai { position: relative; top: 20px; left: 40px; } .bmi-ai { margin-top: -40px !important; margin-left: 94px !important; } .sur-ai { position: relative; top: 25px; left: -10px; } .anasa-ai { margin-left: 100px !important; margin-top: -22px !important; } .spec-ai { margin-left: 136px !important; margin-top: -20px !important; } .moni-ai { margin-left: 136px !important; margin-top: -32px !important; } .airway-ai { margin-left: 182px !important; margin-top: -31px !important; } .ga-ai { margin-left: 45px !important; margin-top: -32px !important; } .cnb-ai { margin-left: 55px !important; margin-top: -30px !important; } .cvs-ai { margin-left: 50px !important; margin-top: -31px !important; } .sed-ai { margin-left: 85px !important; margin-top: -32px !important; } .other1-ai { margin-left: 59px !important; margin-top: -31px !important; } .ett-ai { margin-left: 3px !important; margin-top: 0px !important; position: relative; top: -6px; } .mask-ai { margin-left: 4px !important; position: relative; margin-top: 0px !important; top: -6px; } .gatec-ai { margin-top: -18px !important; margin-left: 103px !important; } .loc-ai { margin-top: -21px !important; margin-left: 145px !important; } .succ-ai { margin-top: -18px !important; margin-left: 96px !important; } .gaair-ai { margin-top: -18px !important; margin-left: 175px !important; } .cstag-ai { margin-top: -39px !important; margin-left: 215px !important; } @media only screen and (max-width: 600px) { .asa-ai { margin-top: -60px !important; margin-left: 159px !important; } .bmi-ai { margin-left: 195px !important; } .sur-ai { position: relative; top: -46px; left: 80px; } .anasa-ai { margin-left: 99px !important; margin-top: -21px !important; } } /* -----------ai logo------------------ */ /* --------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: 45%; 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); } .wwig-lab { margin-top: -7px; margin-left: 100px; position: relative; top: -36px; } .wei2 { margin-top: -74px; margin-left: 167px; } .wie3 { margin-top: -70px; margin-left: 360px; } @media only screen and (min-width:320px) and (max-width:640px) { /* .t-switch li { width: initial; display: initial; } */ .togle { display: initial; } .wei2 { margin-top: -13px !important; margin-left: 0px !important; } .wie3 { margin-top: -10px !important; margin-left: 0px !important; } } /* ----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: -9px !important; margin-left: 35px !important; } } /* ----management tool kit mob ----- */ #mimi-icon{ position: relative; top: -17px; left: 133px; } .cnb_done_by1{ margin-top: 0px !important; } #exp-icon{ margin-left: 120px; position: relative; top: -19px; } @media only screen and (max-width: 600px) { #supr-mob{ margin-top: -492px; margin-bottom: 401px; } #anthesia{ margin-top: 100px; } } </style>