<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>
<?php session_start();
include 'dbconnection.php';
require_once("../patientmanager.php");
require_once("../DBManager.php");
if(isset($_POST['pre_vital'])) 
{
   PatientManager::vilalslog("$_GET[prescriptionid]","$_GET[patientid]","$_GET[surgeryid]","$_POST[Wt]","$_POST[bmi]","$_POST[BP]","$_POST[BP2]","$_POST[Temp]","$_POST[RBS]","$_POST[SPo2]","$_POST[HR]","$_POST[Pulse]","$_POST[poa]","$_POST[entered_by]");
   	PatientManager::setActivityLog("$_GET[patientid]","$_GET[prescriptionid]","Pre-Assessment Sheet<br>Pre Vitals","showpage_preVitals.php?prescriptionid=$_GET[prescriptionid]&patientid=$_GET[patientid]","$_POST[entered_by]");
}
?>
  <table id="example2" class="table table-bordered table-hover">
                  <thead>
                  <tr>
                       <th><strong>Date-Time</strong></th>
             <th><strong>BP(mmHg)</strong></th>
          <th><strong>Temp (oC) </strong></th>
            <th><strong>Weight(In Kg)</strong></th>
          <th><strong>Spo2%</strong></th>  
           <th><strong>Pulse(In Min)</strong></th> 
        </tr>
      
                  </thead>
<?php
include("dbconnection.php");
$sql ="SELECT * FROM vitals_final WHERE patientid='$_GET[patientid]' AND prescriptionid='$_GET[prescriptionid]' AND poa='preVitals' ORDER BY id DESC";
$qsql = mysqli_query($con,$sql);
while($rs = mysqli_fetch_array($qsql))
{
     echo " <tbody>
            <tr>     <td>&nbsp;$rs[created_at]</td>
                      <td>&nbsp;$rs[BP2]/$rs[BP]</td>
              		 <td>&nbsp;$rs[Temp]</td>
              		 <td>&nbsp;$rs[Wt]</td>
              		 <td>&nbsp;$rs[Spo2]</td>
              		   <td>&nbsp;$rs[Pulse]</td>
              					
          </tr>                   
          
          ";
}

?>    </tbody>
  <tfoot>
          </tfoot>
        </table>
        <div style = "display:none;" id = "loaderImg"> <div class="loader"> </div> </div>
<form name="pre_vital" method="post" id="myForm" >
 
             
					      <table id="example2" class="table table-bordered table-hover"> 
					      
					      <input type='hidden' name='poa' value='preVitals'>
                  <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></tr>
<tr><td style="width:29%"><div><h5>Weight: </h5> </td></div><td  style="width:46%"><div><input name="Wt" placeholder="In KG" type="text">
</div></td></tr>
<td><div><h5>SPo2 %: </h5> </td></div><td><div><input name="SPo2" placeholder="Oxygen saturation" type="number"></div></td></tr>
<tr><td><div><h5>RBS : </h5> </td></div><td><div><input placeholder="mg/dl" name="RBS" type="number"></div></td></tr>
<tr><td><div><h5>Temperature: </h5> </td></div><td><div><input placeholder="*C" name="Temp" type="number"></div></td></tr>
<tr><td><div><h5>Pulse: </h5> </td></div><td><div><input placeholder="In Min" name="Pulse" type="number"></div></td></tr>
<tr><td><div><h5>Blood Pressure: </h5> </td></div><td><div><input placeholder="mmHg" name="BP2" type="number">
<input placeholder="mmHg" name="BP" type="number"></div></td></tr>
</div>
</tr>
              </tr>
              
              </thead>
                  
                   </tbody>
  <tfoot>
          </tfoot>
        </table>  

<input type="submit" name="pre_vital" value="Save">
</form>