<?php session_start();
require_once('../DBManager.php');
require_once('../LoginManager.php');
include 'dbconnection.php';
include 'header.php';
include 'dashboarddocument.php';
	
  	$Medical_vitals ="SELECT * FROM Medical_vitals WHERE prescriptionid='$_GET[prescriptionid]' AND patientid='$_GET[patientid]' AND id='$_GET[id]'";
		$qMedical_vitals = mysqli_query($con,$Medical_vitals);
		$rMedical_vitals = mysqli_fetch_array($qMedical_vitals);
		
		   
if(isset($_POST['Medical_Vitals']))
{ 
$sql ="UPDATE Medical_vitals SET Wt='$_POST[Wt]',SPo2='$_POST[SPo2]',RBS='$_POST[RBS]',Temp='$_POST[Temp]',Pulse='$_POST[Pulse]',BP='$_POST[BP]',BP2='$_POST[BP2]'  WHERE prescriptionid='$_GET[prescriptionid]' AND patientid='$_GET[patientid]' AND id='$_GET[id]'";
if($qsql = mysqli_query($con,$sql))
		{
    echo "<script>alert('Update successfully');</script><script>window.history.go(-2)</script>;</script>";
  } else {
    echo "Sorry, there was an error uploading your file.";
  } 
    
}

?>

 <style>
                     
       .center {
   border: 1px solid grey;
   text-align:;
}
    .center2 {
   border: 5px solid grey;
   text-align:;
}

        input.largerCheckbox {
            width: 20px;
            height: 20px;
        }
 
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

     <script type="text/javascript">
$(document).ready(function(){
    $('#myForm').submit(function() {
     $('#loaderImg').show(); 
      return true;
    });
});


  </script> 
<style>
      #loaderImg {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0; 
         margin: auto;
         border: 10px solid grey;
         border-radius: 50%;
         border-top: 10px solid black;
         width: 100px;
         height: 100px;
         animation: spin 1s linear infinite;
      }
      @keyframes spin {
         0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
         }
         100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
         }
      }
   </style>
<style>
.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider5 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;
}

.slider5:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider5 {
  background-color: #2ab934;
}

input:focus + .slider5 {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider5:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.slider5:after
{
 content:'Undone';
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 50%;
 font-size: 10px;
 font-family: Verdana, sans-serif;
}

input:checked + .slider5:after
{  
  content:'Done';
}


.center {
   border: 1px solid grey;
   text-align:;
}

  
    .box2{
              display: none;
    
    }
            
       .center {
   border: 1px solid grey;
   text-align:;
}
    .center2 {
   border: 5px solid grey;
   text-align:;
}
  </style>
  
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class='center'>
            

            <div style = "display:none;" id = "loaderImg"> <div class="loader"> </div> </div>
		  <form name='Medical_Vitals' method='POST' id='myForm'>
		      	
		    

	
<table id="example2" class="table table-bordered table-hover"> 
                  <thead>
                  <tr>
                 <td style="width:50%"><label><h4 align="center">Vitals</h2></label></td><td style="width:50%"><label><h4 align="center">Range</h2></label></td> <td id='textFever' style="display:none"><input type='text' name='_note'></td> </tr>
<tr></tr><td><div><h5>Weight : </h5> </td></div><td><div>
        <?php
session_start();
require_once('dbconnection.php');
		$sql ="SELECT * FROM patient WHERE patientid='$_GET[patientid]'";
		$qsql = mysqli_query($con,$sql);
		while($rs = mysqli_fetch_array($qsql))
		{
		    echo"<input name='Wt' placeholder='Weight in kg %' value='$rs[Weight]' type='number'>
		    ";
		    }
		    ?></div></td></tr>
<td><div><h5>SPo2 : </h5> </td></div><td><div><input name="SPo2" placeholder="Oxygen saturation in %" value="<?php echo $rMedical_vitals['SPo2'] ?>" type="text"></div></td></tr>
<tr><td><div><h5>RBS : </h5> </td></div><td><div><input placeholder="mg/dl" name="RBS" type="number" value='<?php echo $rMedical_vitals["RBS"] ?>'></div></td></tr>
<tr><td><div><h5>Temperature: </h5> </td></div><td><div><input placeholder="In Celsius" name="Temp" value='<?php echo $rMedical_vitals['Temp'] ?>' type="number"></div></td></tr>
<tr><td><div><h5>Pulse: </h5> </td></div><td><div><input placeholder="Pulse" name="Pulse" type="number" value='<?php echo $rMedical_vitals['Pulse'] ?>'></div></td></tr>
<tr><td><div><h5>Blood Pressure: </h5> </td></div><td><div><input placeholder="Systolic (mmHg)-Upper" value='<?php echo $rMedical_vitals['BP2'] ?>' name="BP2" type="number">
<br><input placeholder="Diastolic (mmHg)-Lower" name="BP" value='<?php echo $rMedical_vitals['BP'] ?>' type="number"></div></td></tr>
</div>
</tr>
              </tr>
              
              </thead>
                  
                   </tbody>
  <tfoot>
          </tfoot>
        </table>   
       
                         <script>
function vitals(id) {
  var x = document.getElementById(id);
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
  } else { 
    x.className = x.className.replace(" w3-show", "");
  }
}
</script>

<input type="submit" name="Medical_Vitals" value="Submit">
<br><br>


</form>
</div>