EVOLUTION-NINJA

Edit File: gas.php

<?php
    echo view('includes/flow-header');    
?>

<?php 
  $name = session()->get('name');
  $email = session()->get('email');
  $gamer_id = session()->get('gamer_id');
  $suscription_till = session()->get('suscription_till');
    // echo $suscription_till;die();

<?php
$expiryDate = $suscription_till;
$today = new DateTime('Asia/Kolkata');
$expiry = new DateTime($expiryDate);
// print_r($today);die();
$remainingDays = $today->diff($expiry)->days;
// echo $remainingDays;die();
if ($remainingDays <= 60 && $remainingDays >= 0) {
?>
<div class="bannerunderhead">

<div class="row">
            <div class="col-sm-1"></div>
                <div class="col-sm-10">
                    <div class="container">
                        <div class="renew">
                            <div class="message">
                                <p class="addrenew"><a href="<?php echo base_url('Renewal-Subscription');?>" class="card-link"
                                    style="color: red; justify-content: center;"><u>Click here to Renew your
                                     subscription</u></a> &nbsp;.Your Subscription is Ending On <b><?php
                                        $newDate1 = date("d-m-Y", strtotime($suscription_till));
                                        echo ' '.$newDate1;?></b>
                                        Remaining <?php echo $remainingDays ?> days Only</p>
                            </div>
                        </div>
                    </div>
                </div>
            <div class="col-sm-1"></div>
        </div>
</div>
<?php
}
?>

<div class="box" id="box-mob" style="width:initial!important;">
                        
                    <div class="search">
                            <h4 class="add-new-a"><button class="btn btn-primary add_new" data-toggle="modal">Add New Patient</button></h4>
                        <div class="form-group" id="input-mob" style="width:50%;">
                            <input type="text" class="form-control" id="usr" placeholder="Search Patient" onkeyup="fun()" style="width:180%;border-radius: 20px;">
                        </div>
                            
                         
                    </div>
                    <h5 id="pat-mob"><b> Patient List </b>( UIN )</h5>
                    <div class="patient-list" id="patients" style="overflow-y: scroll;">
                    
                        <?php                                                             
                            foreach($patient as $key=>$val){
                            
                        ?>          
                            <p style="color:red;"><?php echo $val['rad_id']?></p>

<?php 
                            }                             
                        ?>                              
                    </div>
                </div>

<div class="d-sm-none" id="accordion" role="tablist" aria-multiselectable="true" style="margin-right:10px;">
                    <div class="card">
                        <div class="card-header" role="tab" id="headingOne">
                            <div class="mb-0">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne" class="collapsed">
                                <p class="mb-0" style="color:#000;"><b>Click here to view patient list</b></p>
                            </a>
                            
                            </div>
                        </div>

<?php 
                                }                             
                            ?>      
                            </div>
                        </div>
                        </div>
                    </div>

</div>
        </div>
        <div class="col-sm-9">
         
            <div class="spec-right" style="padding: 2% 5% 0 0;">
                
                 <div class="row">
                    <div class="col-sm-9"></div>
                    <div class="col-sm-3 mb-5" id="go-back-new">
                        <a href="<?php echo base_url('User');?>"><i class="fa fa-arrow-left" aria-hidden="true"></i>Back</a> 
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="box-">
                            <a href="<?php echo base_url('Patient-Management-System');?>">
                               
                                 <img src="<?php echo base_url('public/assets/images/Artboard5.png');?>" class="img-fluid d-block mx-auto">
                                <p class="gas-text">Patient Management System</p>
                            </a>
                            <ul class="app-req">
                                
                                <li>e-PHQ</li>
                                
                                <li>e-Consent</li>
                                <li>e-PCOM(e-feedback)</li>
                                
                                <h6 class="npcs" style="color:red;"><b> New Project Coming Soon </b></h6>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="box-">
                            <a href="<?php echo base_url('Clinic-Databases');?>">
                                
                                <img src="<?php echo base_url('public/assets/images/Artboard6.png');?>" class="img-fluid d-block mx-auto">
                                <p class="gas-text" style="font-size: 14px;">Clinical Databases, Audits, Logbooks and incident-reporting system</p>
                            </a>
                            <ul class="app-req">
                                <li><a href="<?php echo base_url('pnb');?>">PNB</a></li>
                                <li><a href="<?php echo base_url('cnb/Dashboard');?>">CNB</a></li>   
                                <li><a href="<?php echo base_url('labour/Dashboard');?>">Labour Analgesia</a></li>
                                <li><a href="<?php echo base_url('obstetrics/Dashboard');?>">Obstetrics Anaesthesia</a></li>
                                <li><a href="<?php echo base_url('upcoming');?>">Clinincal Audits</a></li>
                                <li><a href="<?php echo base_url('upcoming');?>">GAS-CIRS</a></li>
                                <li><a href="<?php echo base_url('anaesthesia-logbook');?>">Reflective Anaesthesia Logbook</a></li>
                                <li><a href="<?php echo base_url('user-report-view');?>">Reports & Analytics</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="box-">
                            <a href="<?php echo base_url('Mels-Cme');?>">
                               
                                <img src="<?php echo base_url('public/assets/images/Artboard7.png');?>" class="img-fluid d-block mx-auto">
                                <p class="gas-text">MeLS-CME</p>
                            </a>
                            <ul class="app-req">
                            <li><a href="<?php echo base_url('forum');?>">GAS Forum</a></li>
                                <li><a href="<?php echo base_url('conference-workshops');?>">GAS Conferences & Workshops</a></li></a>
                                <li><a href="<?php echo base_url('e-library');?>">GAS e-Library</a></li>
                                <li><a href="<?php echo base_url('collaborate');?>">GAS Collaborate</a></li>
                                <li><a href="<?php echo base_url('Course-list');?>">Online Exam Prep</a></li>
                                <li><a href="<?php echo base_url('V-Categories');?>">Video E-learning</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

<section class="yathartha ml-2">
                    <div class="container">
                        <div class="row">
                            <div class="col-sm-4"></div>
                            <div class="col-sm-4">
                                <img  class="mx-auto d-block yathartha_img" src="public/assets/images/logoold.png" alt="yathartha img">
                            </div>
                            <div class="col-sm-4"></div>
                        </div>
                        <div class="row mt-3" id="noida">
                            <div class="col-sm-12">
                            <h3 class="p-3"><span class="weight-font"> YATHARTH SUPER SPECIALITY HOSPITAL</span><br>GREATER NOIDA </h3>
                        </div>
                        <div class="row">
                        <div class="col-sm-5 m-4">
                            <h4 class="blue-color">LOOKING TO ENHANCE YOUR CLINICAL SKILLS IN ANESTHESIA</h4>
                            <h6>We are pleased to start observership in the under mentioned field at<br><b>Yatharth Superspeciality Hospital, Greater Noida</b></h6>    
                            <ul>
                                <li>Peri-Operative USG Guided Nerve Blocks</li>
                                <li>POCUS (Point Of Care Sonograph)</li>
                                <li>Transplant Anaesthesia</li>
                            </ul>
                            <h6>Duration of observership can be one week & multiple of it.</h6>
                            <h5  class="blue-color">Observership fee.</h5>
                            <h6>1 week-10,000 INR</h6>
                            <h6>2 week-15,000 INR</h6>
                            <h6>1 month-25,000 INR</h6>

</div>
                            
                            <div class="col-sm-5 m-4 mobile_space">
                            <h5  class="blue-color">How to apply</h5>
                            <p>Please share your latest CV & an application stating the duration and <br>the fields of observership to<br><b>Dr.Anshuman Mishra</b><br>HOD Anaesthesia & Pain Medicine <br>Yatharth Superspeciality Hospital, Greater Noida</p>
                            
                            <h5  class="blue-color">Send the mail on ID</h5>
                            <p>
                            
                            <a href="mailto:yatharth@yatharthwellness.com">hr.yatharth@yatharthwellness.com</a><br>
                            <a href="mailto:dranshumanmishra@rediffmail.com">dranshumanmishra@rediffmail.com</a>

</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                                <div class="col-sm-12">
                                <p class="leftparrtcontent1">Exclusive to All Medusys-Gas members can avail a
                                            discount of 10% for the registration.<br>
                                            Use the code : <span style="color: #1a53fb">GAS10</span> during
                                            registration.<br>
                                          
                                        </p>
                                </div>
                            </div>
                        <footer>
                            <div class="row foot_hospital p-3">
                                <div class="col-sm-6">
                                    <a href="https://www.google.com/maps/place/Yatharth+Super+Speciality+Hospital,+Greater+Noida/data=!4m7!3m6!1s0x390cc1ce99e3efd3:0xfece78811e1e067a!8m2!3d28.4516298!4d77.5096993!16s%2Fg%2F1tg6hy51!19sChIJ0-_jmc7BDDkRegYeHoF4zv4?authuser=0&hl=en&rclk=1">
                                    <i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;
                                   Sector Omega - 1,Greater Noida </a>
                                </div>
                                <div class="col-sm-5">
                                    <i class="fa fa-phone" aria-hidden="true"></i>&nbsp;
                                  <span> <a href="tel:+91 8800447777">+91 8800447777</a> ,<a href="tel:8826447777">8826447777</a></span>
                                </div>
                            </div>
                        </footer>
                    </div>

</section>

<div class="industry-banner mob-ind-left">
                    <div class="row-industry">
                        <div class="exhibit-1">
                            <img src="<?php echo base_url('public/assets/images/Artboard-1.png');?>"
                                class="img-fluid d-block mx-auto">
                        </div>
                        <div class="exhibit-2">
                            <h2>Industry Exhibitions</h2>
                            <a href="<?php echo base_url('add-industry');?>">CLICK HERE</a>
                        </div>
                        <div class="exhibit-1">
                            <img src="<?php echo base_url('public/assets/images/Artboard-2.png');?>"
                                class="img-fluid d-block mx-auto">
                        </div>
                    </div>
                </div>

</div>
        </div>
    </div>
    </div>
</section>

<div class="modal fade" id="add-new-pat">
  <div class="modal-dialog modal-md" style="max-width:700px;">
    <div class="modal-content">

<div class="modal-header" id="add-header">
        <h4 class="modal-title">Add New Patient</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

<div class="modal-body">
        <div class="row">
           
            <div class="col-sm-12">
                 <div class="add-patient">
                    <form id="add_patient">
                        <div class="row">
                            <div class="col-sm-2"><label>Name</label></div>
                            <div class="col-sm-8">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="name">
                                </div>
                            </div>
                            <div class="col-sm-2"></div>
                        </div>
                        <div class="row">
                            <div class="col-sm-2"><label>Patient Email-ID</label></div>
                            <div class="col-sm-8">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="patient_email_id">
                                </div>
                            </div>
                            <div class="col-sm-2"></div>
                        </div>
                        <div class="row">
                            <div class="col-sm-2"><label>Patient ID </label></div>
                            <div class="col-sm-8">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="patient_id">
                                </div>
                            </div>
                            <div class="col-sm-2"></div>
                        </div>
                        <div class="row">
                            <div class="col-sm-2"><label>Gender</label></div>
                            <div class="col-sm-4">
                                <select class="form-control" name="gender">
                                    <option value="">Select</option>
                                    <option value="Male">Male</option>
                                    <option value="Female">Female</option>
                                </select>
                            </div>
                            <div class="col-sm-6"></div>
                        </div>
                        <div class="row" style="padding-top: 15px;">
                            <div class="col-sm-2"><label>Age <span style="color:red;">*</span></label></div>
                            <div class="col-sm-4">
                                <div class="form-group">
                                    <input type="number" class="form-control age" name="age" onfocusout="checkage()" >
                                    <small class="age1" style="color:red; display:none;">specify your age</small>
                                    <small class="age2" style="color:red; display:none;">enterd value should be greater then 1</small>
                                </div>
                            </div>
                            <div class="col-sm-6"></div>
                        </div>
                        <div class="row">
                            <div class="col-sm-2"><label>Weight(kg) <span style="color:red;">*</span>
                             <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">
                                    <input type="number" class="form-control weight" 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>
                                
                            </div>
                            <div class="col-sm-6"></div>
                        </div>
                        <div class="row heigh">
                            <div class="col-sm-2 height-gas-mob"><label>Height</label></div>
                            <div class="col-sm-10">
                                <ul>
                                    <li><input type="number" class="form-control feet" name="feet" id="hieght" step="any" readonly><label>Feet</label></li>
                                    <li><input type="number" class="form-control inche" name="inche" id="hieght" step="any" readonly><label>Inches &nbsp;&nbsp;or</label></li>
                                    <li><input type="number" class="form-control cm" name="cm" id="hieght" step="any" readonly><label>cms</label></li>
                                </ul>
                            </div>
                        </div>
                        <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>
                        <div class="row" style="padding-top:15px;">
                                <div class="col-sm-2"><label>Hospital</label></div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" id="hospital_m" name="hospital_m">
                                </div>
                                <div class="col-sm-6"></div>
                            </div>   
                        <div class="row">
                            <div class="col-sm-6"></div>
                            <div class="col-sm-6 pt">
                                <button type="submit" class="btn-save Save">Save</button>
                                <button type="button" class="btn-close" id="cls" >Close</button>
                            </div>
                        </div>
                    </form>
               </div> 
            </div>
        </div>
      </div>

</div>
  </div>
</div>

<script>
    const message = document.querySelector('.message');
    const otherContent = document.querySelector('.other-content');
    function stopAnimation() {
        message.style.animation = 'none'; 
        otherContent.style.display = 'block'; 
    }
    setTimeout(stopAnimation, 10000); 
</script>

<script>

$('#cls').click(function(){
        $("#add-new-pat").modal("hide");
    });

// --------------------------------------------- PATIENT SEARCH ------------------------------------------

$('.add_new').click(function(){
        $('#add-new-pat').modal('show');
    });

// ------------------------------------ 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);

$('.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);

$('.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();  
        }
    }

// -------------------------------------- ADD - NEW --------------------------------------------

$('#add_patient').submit(function(e){
        e.preventDefault();

var age1 = '', weight1 ='' ;
        var age = $('.age').val();
        var weight = $('.weight').val();

if(age != '' && age >=1){
            age1 = true;      
            $('.age1').hide();
            $('.age2').hide();      
        }else if(age == ''){
            $('.age1').show();
            $('.age2').hide();
			toastr.error('specify your age');
        }else if (age <1 ){
            $('.age2').show();
            $('.age1').hide();
			toastr.error('Enterd value should be greater then 1');
        }

if(weight != '' && weight >= 1){
            weight1 = true;    
            $('.weigh1').hide();
            $('.weigh2').hide();        
        }else if(weight == ''){
            $('.weigh1').show();
            $('.weigh2').hide();
            toastr.error('specify your weight');
        }else if(weight <1){
            $('.weigh2').show();
            $('.weigh1').hide();
            toastr.error('enterd weight should be greater then 1');
        }

if(age1 && weight1){
            var formData= new FormData(this);
            $(".Save").text("Submitting...");
            $(".Save").attr("disabled", true);

$.ajax({

type : "POST",
                data : formData,
                url : "<?php echo base_url("adding-new-patient-gas-page") ?>",
            
                contentType: false,
                processData: false,

success:function(response){

response = jQuery.parseJSON(response);

if(response.result==1){

toastr["success"](response.message);   
                        $("#myModal").modal("hide");
                        history.go(0);

}else{

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

</script>

<?php
    echo view('includes/flow-footer');    
?>

input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
	}

.box{
  box-shadow: 0px 0px 10px lightgrey;
  padding: 15px;
  border-radius: 8px;
  background-color: #fff;
}
.box h5{
    color:#E34520;
    font-size: 15px;
    font-weight: normal;
}
.search{
 /* display: flex;*/
}
.patient-list {
    border: 1px solid lightgrey;
    height: 400px;
    border-radius: 8px;
    margin-top: 15px;
    padding: 12px;
}
    #add-header {
        border-bottom: 2px solid #379FFF;
    }
    #add-new-pat .modal-lg{
        max-width: 1200px!important;
    } 
    .add-new-a{
        padding: 12px;
    }
    .add-new-a a{
        background-color:#1E5B92;
        color: #fff;
        padding: 8px 20px;
        border-radius: 12px;
      /*  margin-left: -50px;*/
      position: initial!important;
    }
    .add-new-a:after{
        border-bottom: 0!important;
    }
    .add-patient .form-control{
      border-radius: 15px;
      width: 80%;
    }
    .add-patient label {
        color: #303030;
        font-weight: 600;
        font-family: 'Lato', sans-serif!important;
    }
    #hieght {
        width: 60%;
        margin-right: 8px;
    }
    .heigh ul {
        list-style-type: none;
        display: flex;
        padding-left: 0;
    }
    .heigh li {
        display: inline-block;
        display: flex;
    }
    .btn-save{
      background-color: #2499DB!important;
      padding: 5px 45px!important;
      color: #fff!important;
      border-radius: 20px;
      border: 0;
      cursor: pointer;
    }
    .btn-close{
      background-color: #0B5077!important;
      padding: 5px 45px!important;
      color: #fff!important;
      border-radius: 20px;
      border: 0;
      cursor: pointer;
    }

/*----------------------------------*/
    .tooltip-3 {
        display:inline-block;
        position:relative;
        text-align:justify;
        opacity: initial!important;
    }

.tooltip-3 .right-3 {
        min-width:210px;
        max-width:400px;
        top:160%;
        left:100%;
        margin-left:20px;
        transform:translate(0, -50%);
        padding:0;
      /*  color:#fff;
        background-color:lightgrey;*/
        color: #fff;
        background-color: #1974A7;
        font-weight:normal;
        font-size:13px;
        border-radius:8px;
        position:absolute;
        z-index:99999999;
        box-sizing:border-box;
      /*  box-shadow:0 1px 8px rgba(0,0,0,0.5);*/
        visibility:hidden; opacity:0; transition:opacity 0.8s;
    }

.tooltip-3:hover .right-3 {
        visibility:visible; opacity:1;
    }
    .tooltip-3 .text-content-3 {
        padding:10px 20px;
    }
    .tooltip-3 i{
        color: #007BFF!important;
        font-size: 15px;
        padding-left: 5px;
    }

.tooltip-3 .right-3 i {
        position:absolute;
        top:25%;
        right:100%;
        margin-top:-12px;
        width:12px;
        height:24px;
        overflow:hidden;
    }
    .tooltip-3 .right-3 i::after {
        content:'';
        position:absolute;
        width:12px;
        height:12px;
        left:0;
        top:50%;
        transform:translate(50%,-50%) rotate(-45deg);
        background-color:#1974A7;
       /* box-shadow:0 1px 8px rgba(0,0,0,0.5);*/
    }
    .tooltip-3 h6{
        text-align: justify!important;
        font-size: 15px;
    }
    .spec-left .d-sm-none a:after {
    content: '';
    position: absolute;
    border-bottom: none;
    width: 185px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 30px;
}
.spec-left {
    /* height:1753px !important; */
}

@media only screen and (min-width:320px) and (max-width:640px){
        .tooltip-3 .right-3{
            top: 69px;
            left: -810%;
            min-width: 250px;
        }
        .tooltip-3 .right-3 i{
            top: -8%;
            bottom: 100%;
            left: 57%;
            margin-left:-18px;
            width:36px;
            height:18px;
        }
        .tooltip-3 .right-3 i::after{
            top: 95%;
        }
        .tooltip-3 h6{
            font-size: 11px;
        }
        .height-gas-mob{
            margin-top: 45px;
        }
        .mob-ind-left{
            margin-left: 20px;
        }
        /* .spec-left {
        width: auto;
        min-height: auto;
} */
     }

</style>