EVOLUTION-NINJA

Edit File: Pre-op.php

<?php
    echo view('includes/header',$patient, $pre, $preo, $posto, $follo, $proccheck, $feedcheck, $ecocheck, $focus, $allcheck, $old_check, $old_check);    
?>
 

<div role="tabpanel" class="tab-pane" id="profile">
	<section class="add-preop">
		<form id="add-preop">
			<h3>Add Pre-op</h3>
			<div class="row">
				<div class="col-sm-2"><label>Speciality<span class="mandat">*</span></label></div>
				<div class="col-sm-6">
					<div class="form-group">
						<select class="form-control" id="speciality" name="speciality" onchange="checkspl()">
							<option value=''>Select</option>
							<option selected>General Surgery</option>
							<option>Gynaecology</option>
							<option>Orthopaedics</option>
							<option>Plastic surgery</option>
							<option>Cardiothoracic surgery</option>
							<option>Vascular Surgery</option>
							<option>Neuro-spine</option>
							<option>Urology</option>
							<option>Other</option>
						</select>
						<input type="text" class="form-control mt-3 speciality_other" name="speciality_other" style="display:none;">
						<small class="spl" style="color:red; display:none;">Please enter speciality</small>
					</div>
				</div>
				<div class="col-sm-4"></div>
			</div>
			<div class="row">
				<div class="col-sm-2"><label>Surgical Location<span class="mandat">*</span></label></div>
				<div class="col-sm-6">

<select  class="form-control" name="sur_location" id="sur_location" onchange="checksul()">		
						<option value="">select</option>				
						<?php
						    foreach($master_type as $key=>$master){
								
						?>
							
						    <option value= "<?php echo $master['id']; ?>-<?php echo $master['master_type']; ?>"><?php echo $master['master_type']; ?></option>
                         	
                        <?php
                         }
						?>
					</select>
					<small class="sul" style="color:red; display:none;">Please enter surgical location</small>

</div>
				<div class="col-sm-4"></div>
			</div>
			<div class="row mb-3">
				<div class="col-sm-2"><label>Surgery<span class="mandat">*</span></label></div>
				<div class="col-sm-10">
					
					
					<input type="text" list="surgery_option" class="form-control" id="surgery_option_input" placeholder="--Select--" name="surgery" style="width:550px;" onchange="checksur()"><i onclick="clean()" class="fa fa-times" id="clear" title="clear" aria-hidden="true" style="color:#1974A7;cursor: pointer; position: relative; left: 555px;top: -30px;"></i>
					<datalist id="surgery_option" style="">
										
						
					</datalist>
					<small class="sur" style="color:red; display:none;">Please enter surgery</small>
					<textarea class="form-control" id="xyz" cols="40" rows="3" readonly style="display:none; "> </textarea>
				</div>
				
			</div>
			
			<div class="row">
				<div class="col-sm-2">
					<label>Minimally invasive
     					<div class="tooltip-2">
						   <i class="fa fa-info-circle" aria-hidden="true"></i>
						    <div class="right-2">
						        <div class="text-content-2">
						            <h6>Thoroscopic&nbsp;,&nbsp;laproscopic&nbsp;,&nbsp;arthoscopic with or without semi-open.</h6>
						            <i></i>
						        </div>
						    </div>
						</div>
     				</label>
				</div>
				<div class="col-sm-4 pt" id="add-minimal">
					<div class= "box_1">
						<input type="hidden" class="switch_1" value="No" name="min_invas">
						<input type="checkbox" class="switch_1"  value="Yes" name="min_invas">
					</div>
				</div>
				<div >
				</div>
				<div class="col-sm-6"></div>
			</div><br>
			<div class="row">
				<div class="col-sm-3">
					<label>Operation/Procedure Category<span class="mandat">*</span></label>
				</div>
				<div class="col-sm-4">
					<div class="form-check-inline">
						<label class="form-check-label">
							<input type="radio" class="form-check-input" value="Emergency" id="option-1" name="optradio">Emergency
						</label>
					</div>
					<div class="form-check-inline">
						<label class="form-check-label">
							<input type="radio" class="form-check-input" value="Elective" id="option-2" name="optradio">Elective
						</label>
					</div>
					<div class="form-check-inline">
						<small class="opc" style="color:red; display:none;">Please enter operation/procedure category</small>
					</div>
				</div>
				<div class="col-sm-5"></div>
			</div>
			<div class="row pt">
				<div class="col-sm-2"><label>ASA<span class="mandat">*</span></label></div>
				<div class="col-sm-4">
					<div class="form-group">
						<select class="form-control asa" name="asa" onchange="checkasa()">
							<option value=''>Select</option>
							<option>ASA 1</option>
							<option>ASA 2</option>
							<option>ASA 3</option>
							<option>ASA 4</option>

</select>

<small class="asa_msg" style="color:red; display:none;">Please select ASA option</small>

</div>
				</div>
			</div>
			<div class="row pt">
				<div class="col-sm-2"><label>Co-morbid Conditions</label></div>
				<div class="col-sm-10">
					<div class="t-switch">
						<ul>
							<li>
								<div class="togle">
									<label>Diabetes Mellitus</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Mellitus">
										<input type="checkbox" class="switch_1" value="Yes" name="Mellitus">
									</div>
								</div>
							</li>
							<li>
								<div class="togle">
									<label>CVS disease</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="CVS">
										<input type="checkbox" class="switch_1" value="Yes" name="CVS">
									</div>
								</div>
							</li>
							<li>
								<div class="togle">
									<label>Respiratory disease</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Respi">
										<input type="checkbox" class="switch_1" value="Yes" name="Respi">
									</div>
								</div>
							</li>
						</ul>
						<ul>
							<li>
								<div class="togle">
									<label>Neurological disorders</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Neuro">
										<input type="checkbox" class="switch_1" value="Yes" name="Neuro">
									</div>
								</div>
							</li>
							<li>
								<div class="togle">
									<label>Renal Disorders</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Renal">
										<input type="checkbox" class="switch_1" value="Yes" name="Renal">
									</div>
								</div>
							</li>
							<li>
								<div class="togle">
									<label>Spine/back deformities</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Spine">
										<input type="checkbox" class="switch_1" value="Yes" name="Spine">
									</div>
								</div>
							</li>
						</ul>
						<ul>	
							<li>
								<div class="togle">
									<label>Fever / Infection</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Fever">
										<input type="checkbox" class="switch_1" value="Yes" name="Fever">
									</div>
								</div>
							</li>
							
							<li>
								<div class="togle">
									
									<label>Bleeding disorder
		         					<div class="tooltip-3">
									   <i class="fa fa-info-circle" aria-hidden="true"></i>
									    <div class="right-3">
									        <div class="text-content-3">
									            <h6>For Bleeding disorder includes but not limited to Anti-Coagulation/Coagulopathy, Anti-platelet agent/platelet disorder, Vascular disorder.</h6>
									            <i></i>
									        </div>
									    </div>
									</div>
		         				</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Bleed">
										<input type="checkbox" class="switch_1" value="Yes" name="Bleed">
									</div>
								</div>
							</li>
							<li>
								<div class="togle">
									<label>Anaemia</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Anaemia">
										<input type="checkbox" class="switch_1" value="Yes" name="Anaemia">
									</div>
								</div>
							</li>
						</ul>
						<ul style="margin-bottom:0px;">
							<li>
								<div class="togle">
									<label>Malignancy</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Malignancy">
										<input type="checkbox" class="switch_1" value="Yes" name="Malignancy">
									</div>
								</div>
							</li>
							<li>
								<div class="togle">
									<label>Other</label>
									<div class= "box_1">
										<input type="text"  name="other" style="border-radius: 20px;" >
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row pt">
				<div class="col-sm-2"><label>Purpose of CNB<span class="mandat">*</span></label></div>
				<div class="col-sm-4">
					<select class="form-control" id="Purpose" name="Purpose" onchange="checkprs()">
						<option value=''>Select</option>
						<option>Sole/Primary Anaesthetic</option>
						<option>For Analgesia only</option>
					</select>
					<small class="prs" style="color:red; display:none;">Please enter purpose</small>
				</div>
			</div>
			<div class="row pt">
				<div class="col-sm-2"><label>Clinical Standards<span class="mandat">*</span></label><small class="clinic" style="color:red; display:none;">please select clinical standard</small></div>
				<div class="col-sm-8">
					<div class="t-switch">
						<ul>
							<li style="width:50%;">
								<div class="togle">
									<label>Basic Monitoring (ECG, BP or Pulse Oximetry)</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Monitoring">
										<input type="checkbox" class="switch_1" value="Yes" id="Monitoring" name="Monitoring" onclick="checkclinic()">
									</div>
								</div>
							</li>
						</ul>
						<ul>
							<li style="width:44%;">
								<div class="togle">
									<label style="width:initial">Resuscitation Equipment Available</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Resusci">
										<input type="checkbox" class="switch_1" value="Yes" id="Resusci" name="Resusci" onclick="checkclinic()">
									</div>
								</div>
							</li>
						</ul>
						<ul style="margin-bottom:23px;">
							<li style="width:50%;">
								<div class="togle">
									<label>Lipid Rescue Available</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Lipid">
										<input type="checkbox" class="switch_1" value="Yes" id="Lipid" name="Lipid" onclick="checkclinic()">
									</div>
								</div>
							</li>
						</ul>
						<ul>
							<li style="width:50%;">
								<div class="togle">
									<label>Time Out / Correct Side Check Done</label>
									<div class= "box_1">
										<input type="hidden" class="switch_1" value="No" name="Timeout">
										<input type="checkbox" class="switch_1" value="Yes" id="Timeout" name="Timeout" onclick="checkclinic()">
									</div>
								</div>
							</li>
						</ul>
						<ul>
							<li style="width:50%;">
								<div class="togle">
									<label style="">Consent Taken</label>
									<div class="box_1">
										<input type="hidden" class="switch_1" value="No" name="Consent">
										<input type="checkbox" class="switch_1" value="Yes" id="Consent" name="Consent" onclick="checkclinic()">
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-sm-2"></div>
			</div>
			<div class="row">
				<div class="col-sm-9"></div>
				<div class="col-sm-3">
					<button type="submit" class="btn-save Save">Save</button>
					
				</div>
			</div>
		</form>
	</section>
</div>

<script type="text/javascript">
	function checkspl(){
		var spl = $('#speciality').val();
		if((spl != '')){
			$('.spl').hide();
		}

if(spl == 'Other'){
			$('.speciality_other').show();
		}else{
			$('.speciality_other').hide();
			$('.speciality_other').val('');
		}

}

if((sul != '')){
			$('.sul').hide();
		}

$.ajax({
			type : 'POST',
			url : '<?php  echo base_url("searchOption")?>',
			data : {sul:sul},

success:function(response){
				// console.log(response);
				response=jQuery.parseJSON(response);

console.log(response);
				if(response.result== 1){  
					
					$('#surgery_option').empty();
					$('#surgery_option_input').val('');

var mode = '';

for(var i=0; i<response.message.length; i++){

mode +='<option>'+response.message[i].name+'</option>';

}	
					$('#surgery_option').append(mode);

}
				else 
				{
					// toastr["error"](response.message);
				}
			}

});
	}
	$('#clear').hide();
	function clean(){
		$('#xyz').val('');
		$('#xyz').hide();
		$('#surgery_option_input').val('');
		$('#clear').hide();
	}
	function checksur(){
	    var sur = $('#surgery_option_input').val();
		$('#xyz').val(sur);
		$('#xyz').show();
		$('#clear').show();

if((sur != '')){

$('.sur').hide();
		}
	}
	function checkprs(){
		var prs = $('#Purpose').val();
		if((prs != '')){
			$('.prs').hide();
		}
	}
	$("input[name='optradio']").change(function(){
		$('.opc').hide();
	});
$(document).ready(function(){
	$('#add-preop').submit(function(e){
		e.preventDefault();
		var aa = '', bb = '', cc = '', dd = '', ee = '', ff = '', gg = '';
		var spl = $('#speciality').val();
		var sul = $('#sur_location').val();
		var sur = $('#surgery_option_input').val();
		var prs = $('#Purpose').val();
		var asa = $('.asa').val();
		if(asa != '')
			gg = true;
		else{
			$('.asa_msg').show();
			toastr.error('please select ASA option');
		}
		if((spl != ''))
			aa = true;
		else{
			$('.spl').show();
			toastr.error('please select speciality');
		}
		if((sul != ''))
			bb = true;
		else{
			$('.sul').show();
			toastr.error('please select surgical location');
		}
		if((sur != ''))
			cc = true;
		else{
			$('.sur').show();
			toastr.error('please enter surgery');
		}
		if (!document.getElementById('option-1').checked && !document.getElementById('option-2').checked) { 
			$('.opc').show();
			toastr.error('please enter operation/procedure category'); 
		}
		else
			dd = true;
		if((prs != ''))
			ee = true;
		else{
			$('.prs').show();
			toastr.error('please enter purpose');
		}
		var Monitoring = $('#Monitoring').is(':checked');
        var Resusci = $('#Resusci').is(':checked');
        var Lipid = $('#Lipid').is(':checked');
        var Timeout = $('#Timeout').is(':checked');
		var Consent = $('#Consent').is(':checked');
        if(!(Monitoring) && !(Resusci) && !(Lipid) && !(Timeout) && !(Consent)){
            $('.clinic').show();
			toastr.error('please select clinical standard');
        }
        else{
            ff = true;
        }
		if((aa) && (bb) && (cc) && (dd) && (ee) && (ff) && gg){
			var formData = new FormData(this);
			$(".Save").text("Submitting...");
            $(".Save").attr("disabled", true);
			$.ajax({
				type : "POST",
				url : '<?php  echo base_url("add-preop")?>',
				data : formData,
				contentType: false,
				processData: false,
				success:function(response){
					response = jQuery.parseJSON(response);
					if(response.result==1){
						toastr["success"](response.message);
						$('#add-preop')[0].reset();
						window.location = '<?php echo base_url("cnb/PreopDetails")?>?id='+response.msg;
					}
					else
						toastr["error"](response.message);
				}
			});
		}
	});
});
</script>
<?php
    echo view('includes/footer');    
?>