<?php
session_start();
include("dbconnection.php");
require_once("../patientmanager.php");
require_once("../DBManager.php");
if(isset($_POST[submit]))
{
   PatientManager::SharedDecisionAid("$_GET[prescriptionid]","$_GET[patientid]","$_POST[Investigation]","$_POST[Pros]","$_POST[Cons]","$_POST[entered_by]");
}
?>

<?php
include("dbconnection.php");
if(isset($_GET[delid]))
{
	$sql ="DELETE FROM SharedDecision WHERE id='$_GET[delid]'";
	$qsql=mysqli_query($con,$sql);
	if(mysqli_affected_rows($con) == 1)
	{
		echo "<script>alert('Deleted successfully..');</script>";
	}
}
?>
                <table id="example2" class="table table-bordered table-hover">
                  <thead>
                  <tr>
                  
    <div class='card-header d-flex p-0'>
                    <ul class='nav nav-pills ml-auto p-2'>
      
         <th><strong>Investigation/Treatment</strong></th>
          <th><strong>Pros</strong></th> 
           <th><strong>Cons</strong></th> 
          <th><strong>Edit </strong></th>
                </tr>
                  </thead>
                 
<?php
		$sql ="SELECT * FROM SharedDecision WHERE patientid='$_GET[patientid]' AND prescriptionid='$_GET[prescriptionid]'";
		$qsql = mysqli_query($con,$sql);
		while($rs = mysqli_fetch_array($qsql))
		{
            echo " <tbody>
                                                                                                                                                                
     <tr>   <td>&nbsp;$rs[Investigation]</td>     
            <td>&nbsp;$rs[Pros]</td>
             <td>&nbsp;$rs[Cons]</td>
         <td><div class='btn-group'>
	  <button type='button' class='btn btn-default dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
	    Action <span class='caret'></span>
	  </button>
	  <ul class='dropdown-menu'>
           <li><a href='edit_showpage_SharedDecisionAid.php?id=$rs[id]''> <i class='glyphicon glyphicon-save'></i> Update</a></li>
	      <li><a href='CounselorSheet.php?prescriptionid=$rs[prescriptionid]&patientid=$rs[patientid]&delid=$rs[id]'> <i class='glyphicon glyphicon-save'></i> Delete</a></li>
	  </ul>
	</div>
         </td>
				
          </tr>                   
          
          ";
}
?>          </tr>
                  </thead>
                  


                   </tbody>
  <tfoot>
          </tfoot>
        </table>
   
<div style = "display:none;" id = "loaderImg"> <div class="loader"> </div> </div>

   <form method="post" action="" id="myForm" name="submit" onSubmit="return validateform()">
    <table width="532" border="3">
	<table id="example2" class="table table-bordered table-hover">  
      <tbody>
	           
            <?php
		  	$sqlpatient= "SELECT * FROM addaspatient WHERE patientid='$_GET[patientid]' AND prescriptionid='$_GET[prescriptionid]' ";
			$qsqlpatient = mysqli_query($con,$sqlpatient);
			while($rspatient=mysqli_fetch_array($qsqlpatient))
			{
				echo "<input type='hidden' name='prescriptionid' id='	prescriptionid' value='$rspatient[prescriptionid]'>
				<input type='hidden' name='patientid' id='patientid' value='$rspatient[patientid]'>";
			}
		  ?>
      
            <tr>
          <td>Investigation/Treatment</td>
          <td><input type='text' placeholder='Investigation/Treatment' name="Investigation">
</td>
  <tr>
          <td>Pros</td>
          <td><textarea name="Pros" rows="2" cols="110"></textarea>
</td>
        </tr>
          <tr>
          <td>Cons</td>
          <td><textarea name="Cons" rows="2" cols="110"></textarea>
</td>
        </tr>
   <tr>
          <td colspan="2" align="center"><input type="submit" name="submit" id="submit" value="ADD" /></td>
        </tr>
          </tbody>
    </table>
    </form>
<script>
$(function () {
    $("#example1").DataTable({
      "responsive": true,
      "autoWidth": false,
    });
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
</script>
<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>