<?php
session_start();
require_once("../LoginManager.php");
require_once("../DBManager.php");
include("dashboarddocument.php");
include("header.php");
?>
<?php
$DisplayForm=True;
$sql ="SELECT * FROM potential WHERE prescriptionid='$_GET[prescriptionid]'";
		$qsql = mysqli_query($con,$sql);
		if($rh = mysqli_fetch_array($qsql))
		{
$DisplayForm=False;
echo "<script>window.location='opdslip5.php?prescriptionid=$_GET[prescriptionid]&patientid=$_GET[patientid]'</script>";
}
if($DisplayForm)
{
?>

<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">




<?php
session_start();
include("dbconnection.php");
require_once('../DBManager.php');
require_once('../patientmanager.php');
if(isset($_POST[drnote]))
{
 PatientManager::potential("$_GET[prescriptionid]","$_GET[patientid]","$_POST[operative_date]","$_POST[Mode_Treatment]","$_POST[Plan_Of_Care]","$_POST[Follow_Up_Care]","$_POST[treatment_Facility]","$_POST[entered_by]","$_POST[start_time]");	
}
		
?>
<script>
function myFunction1031() {
  var checkBox = document.getElementById("myCheck1031");
  var text = document.getElementById("text1031");
  if (checkBox.checked == true){
    text.style.display = "block";
  } else {
     text.style.display = "none";
  }
}
</script>

  <style>
    
     .switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

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

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

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

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

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

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

input:checked + .slider:after
{  
  content:'Available';
}


    .box{
              display: none;
    
    }

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

</style>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
    $("select").change(function(){
        $(this).find("option:selected").each(function(){
            var optionValue = $(this).attr("value");
            if(optionValue){
                $(".box").not("." + optionValue).hide();
                $("." + optionValue).show();
            } else{
                $(".box").hide();
            }
        });
    }).change();
});
</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;
         z-index:1000000;
      }
      @keyframes spin {
         0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
         }
         100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
         }
      }
   </style>
      
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<div style = "display:none;" id = "loaderImg"> <div class="loader"> </div> </div>
<form name="drnote" method="post" id="myForm" >
           
                      <table id="example2" class="table table-bordered table-hover"> 
 

<?php
session_start();
require_once('../LoginManager.php');
require_once('../DBManager.php');
$tat=$con->query("SELECT * FROM `tat` WHERE prescriptionid='$_GET[prescriptionid]' AND patientid='$_GET[patientid]'");
$rs = mysqli_fetch_array($tat);

echo "<input type='hidden' name='start_time' id='start_time' value='$rs[start_time]' />";
?>

   <tr><td width="50%">
            <span style="font-size: 20px">Treatment facility option : </span></h3></td><td width="50%"><label class="switch">
  <input name="treatment_Facility" value='Available'  id="myCheck1031" onclick="myFunction1031()" type="checkbox">
  <span class="slider"></span>
</label>
</td>
</tr> 
</table>
<div id="text1031" style="display:none">
<table id="example2" class="table table-bordered table-hover">
                      <tr><td width="50%">
            <span style="font-size: 20px"> Mode of Treatment : </span></td><td width="50%">
                <select name="Mode_Treatment">
     <option value="" disabled selected> Mode of Treatment</option>
  <option value="Not Required">Not Required</option>
  <option value="Explained-Accepted-to-Continue">Explained & Accepted to Continue</option>
  <option value="Explained & Denied">Explained & Denied </option>
</select>
</td>
</tr>
</table>
</div>
<table id="example2" class="table table-bordered table-hover">
	<tr class="Explained-Accepted-to-Continue box">
          <td width="50%">  <span style="font-size: 20px">Plan Of Care : </span></td> <td width="50%"><textarea name="Plan_Of_Care" rows="2"></textarea></td>
          </tr>
          <input type='hidden' name="Follow_Up_Care" value='NULL'>
          <!--<tr class="Explained-Accepted-to-Continue box"><td width="50%">  <span style="font-size: 20px">Follow Up Care : </span> </td> <td width="50%"><textarea name="Follow_Up_Care" rows="2"></textarea></td></tr>-->
          
	<tr>
          <td height="62">     <span style="font-size: 20px">Operative procedure date : </span></td>
          <td width="50%"><input type="date" placeholder="dd-mm-yyyy" name="operative_date"></td>
        </tr>
 </table>


 <input type="submit" name="drnote" id="drnote" value="Submit" />
    </form>
    
    <html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />

</head>
<body>
 
  <script>
  
 $(document).ready(function () {
      $('select').selectize({
          sortField: 'text'
      });
  });
  </script>
</body>
</html>
<?php
}
?>