<?php
session_start();
include("dbconnection.php");
require_once('../DBManager.php');
require_once("../LoginManager.php");
require_once('../patientmanager.php');
if(isset($_POST[Obstetric]))
{
		PatientManager::ObstetricHistory("$_GET[prescriptionid]","$_GET[patientid]","$_POST[hs_years]","$_POST[hs_of]","$_POST[mode]","$_POST[outcome]","$_POST[incident]","$_POST[Gender]","$_POST[wt]","$_POST[conducted]","$_POST[complication]","$_POST[entered_by]");
	 }
?>

<?php
include("dbconnection.php");
if(isset($_GET[delid]))
{
	$sql ="DELETE FROM investigation WHERE id='$_GET[delid]'";
	$qsql=mysqli_query($con,$sql);
	if(mysqli_affected_rows($con) == 1)
	{
		//echo "<script>alert('Deleted successfully..');</script>";
	}
}
?>


    <title>Title of the document</title>
    <style>
      .modal {
        display: none;
        position: fixed;
        z-index: 8;
        left: 5%;
         right: 5%;
        top: 10%;
        width: 80%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
      }
      .modal-content {
        margin: 50px auto;
        border: 1px solid #999;
        width: 60%;
      }
      h2,p {
        margin: 0 0 20px;
        font-weight: 400;
  
      }     
     .form1 {
        padding: 25px;
        margin: 25px;
        box-shadow: 0 2px 5px #f5f5f5;
        background: #eee;
      }
      input,
      textarea, select {
        width: 80%;
        padding: 6px;
        margin-bottom: 20px;
        border: 1px solid #1c87c9;
        outline: none;
      }
      .contact-form button {
        width: 80%;
        padding: 10px;
        border: none;
        background: #1c87c9;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
      }
      button:hover {
        background: #2371a0;
      }
      .close {
        color: #000000;
        float: right;
        font-size: 58px;
        font-weight: bold;
      }
      .close:hover,
      .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
      }
      button.button {
        display: inline-block;
       
        border-bottom: #02274a 1px solid;
     
        font-size: 19px;
        cursor: pointer;
      }
      
      button.button:hover {
    
        border-bottom: #a99567 1px solid;
        color: #a99567;
      }

 
    </style>
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $.widget( "custom.combobox", {
      _create: function() {
        this.wrapper = $( "<span>" )
          .addClass( "custom-combobox" )
          .insertAfter( this.element );
 
        this.element.hide();
        this._createAutocomplete();
        this._createShowAllButton();
      },
 
      _createAutocomplete: function() {
        var selected = this.element.children( ":selected" ),
          value = selected.val() ? selected.text() : "";
 
        this.input = $( "<input>" )
          .appendTo( this.wrapper )
          .val( value )
          .attr( "title", "" )
          .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
          .autocomplete({
            delay: 0,
            minLength: 0,
            source: $.proxy( this, "_source" )
          })
          .tooltip({
            classes: {
              "ui-tooltip": "ui-state-highlight"
            }
          });
 
        this._on( this.input, {
          autocompleteselect: function( event, ui ) {
            ui.item.option.selected = true;
            this._trigger( "select", event, {
              item: ui.item.option
            });
          },
 
          autocompletechange: "_removeIfInvalid"
        });
      },
 
      _createShowAllButton: function() {
        var input = this.input,
          wasOpen = false;
 
        $( "<a>" )
          .attr( "tabIndex", -1 )
          .attr( "title", "Show All Items" )
          .tooltip()
          .appendTo( this.wrapper )
          .button({
            icons: {
              primary: "ui-icon-triangle-1-s"
            },
            text: false
          })
          .removeClass( "ui-corner-all" )
          .addClass( "custom-combobox-toggle ui-corner-right" )
          .on( "mousedown", function() {
            wasOpen = input.autocomplete( "widget" ).is( ":visible" );
          })
          .on( "click", function() {
            input.trigger( "focus" );
 
            // Close if already visible
            if ( wasOpen ) {
              return;
            }
 
            // Pass empty string as value to search for, displaying all results
            input.autocomplete( "search", "" );
          });
      },
 
      _source: function( request, response ) {
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
        response( this.element.children( "option" ).map(function() {
          var text = $( this ).text();
          if ( this.value && ( !request.term || matcher.test(text) ) )
            return {
              label: text,
              value: text,
              option: this
            };
        }) );
      },
 
      _removeIfInvalid: function( event, ui ) {
 
        // Selected an item, nothing to do
        if ( ui.item ) {
          return;
        }
 
        // Search for a match (case-insensitive)
        var value = this.input.val(),
          valueLowerCase = value.toLowerCase(),
          valid = false;
        this.element.children( "option" ).each(function() {
          if ( $( this ).text().toLowerCase() === valueLowerCase ) {
            this.selected = valid = true;
            return false;
          }
        });
 
        // Found a match, nothing to do
        if ( valid ) {
          return;
        }
 
        // Remove invalid value
        this.input
          .val( "" )
          .attr( "title", value + " didn't match any item" )
          .tooltip( "open" );
        this.element.val( "" );
        this._delay(function() {
          this.input.tooltip( "close" ).attr( "title", "" );
        }, 2500 );
        this.input.autocomplete( "instance" ).term = "";
      },
 
      _destroy: function() {
        this.wrapper.remove();
        this.element.show();
      }
    });
 
    $( "#combobox" ).combobox();
    $( "#toggle" ).on( "click", function() {
      $( "#combobox" ).toggle();
    });
  } );
  
  
  </script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

     <script type="text/javascript">
$(document).ready(function(){
    $('#ObstetricForm').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>

   <table id="example2" class="table table-bordered table-hover">
 
        <tr> <td width='33%'>Gravida  : &nbsp; &nbsp;
        <?php
$sql="select count('patientid') from Obstetric_History WHERE patientid='$_GET[patientid]'";
$result=mysqli_query($con,$sql);
$row=mysqli_fetch_array($result);
echo "$row[0]";
mysqli_close($con);

?> </td> <td width='33%'>Para  : &nbsp; &nbsp;        <?php
include("dbconnection.php");
$sql1="select count('patientid') from Obstetric_History WHERE patientid='$_GET[patientid]' AND hs_of='Delivery'";
$result=mysqli_query($con,$sql1);
$row1=mysqli_fetch_array($result);
echo "$row1[0]";
mysqli_close($con);

?>  </td> <td width='33%'>Abortion  : &nbsp; &nbsp;   <?php
include("dbconnection.php");
$sql1="select count('patientid') from Obstetric_History WHERE patientid='$_GET[patientid]' AND hs_of='Abortion'";
$result=mysqli_query($con,$sql1);
$row1=mysqli_fetch_array($result);
echo "$row1[0]";
mysqli_close($con);
outcome
?> </td> 
       </tr>
         <tr> <td width='33%'>Cesarean  : &nbsp; &nbsp;  <?php
include("dbconnection.php");
$sql1="select count('patientid') from Obstetric_History WHERE patientid='$_GET[patientid]' AND mode='LSCS'";
$result=mysqli_query($con,$sql1);
$row1=mysqli_fetch_array($result);
echo "$row1[0]";
mysqli_close($con);

?>  </td> <td width='33%'>Child alive  : &nbsp; &nbsp; <?php
include("dbconnection.php");
$sql1="select count('patientid') from Obstetric_History WHERE patientid='$_GET[patientid]' AND outcome='Alive'";
$result=mysqli_query($con,$sql1);
$row1=mysqli_fetch_array($result);
echo "$row1[0]";
mysqli_close($con);

?> </td> <td width='33%'>Death  : &nbsp; &nbsp; <?php
include("dbconnection.php");
$sql1="select count('patientid') from Obstetric_History WHERE patientid='$_GET[patientid]' AND outcome='Death'";
$result=mysqli_query($con,$sql1);
$row1=mysqli_fetch_array($result);
echo "$row1[0]";
mysqli_close($con);

?>   </td> 
       </tr>
         <tr> 
         
         </td> <td width='33%'>Miscarriage  : &nbsp; &nbsp; <?php
include("dbconnection.php");
$sql1="select count('patientid') from Obstetric_History WHERE patientid='$_GET[patientid]' AND hs_of='Miscarriage'";
$result=mysqli_query($con,$sql1);
$row1=mysqli_fetch_array($result);
echo "$row1[0]";
mysqli_close($con);

?>   </td> 
<td></td>
<td></td>
       </tr>
        </table>
        
       
 
    <p align="right">
      <button class="button" data-modal="modalmedi"> Add </button>
    </p>

      <div id="modalmedi" class="modal">
      <div class="modal-content">
        <div class="contact-form">
          <a class="close">&times;</a>
          <div style = "display:none;" id = "loaderImg"> <div class="loader"> </div> </div>

                       <form name="Obstetric" id="ObstetricForm" method="POST">
                     <label>Date</label>
                     
                     
                     <input type='date' name='hs_years'>
                      <label>History Of</label>
              	<select onchange="History(this.value)" name="hs_of" required>
    <option value="" disabled selected>History Of </option>
    <option value="Delivery">Delivery</option>
      <option value="Abortion">Abortion </option>
    <option value="Miscarriage">Miscarriage </option>
   
    </select>
            
       <div id='divmedidr1'>
           
           </div>          
            
            <br><br>    
            
            <input type='submit' name='Obstetric' value='Submit'>   
 </form>
           </div></div></div>            
  <table id="example2" class="table table-bordered table-hover">
             <tr><th>Date</th><th>Towords</th><th>Action</th></tr><tr> <?php
include("dbconnection.php");
$sql ="SELECT * FROM Obstetric_History WHERE  patientid='$_GET[patientid]'  ORDER BY id ASC";
$qsql = mysqli_query($con,$sql);
while($rs = mysqli_fetch_array($qsql))
{
   
    if($rs[hs_of]=='Delivery')
    {
     echo "<tr><td>$rs[hs_years]</td>
 <td><b>History Of : </b>$rs[hs_of] <br><b>Mode : </b>$rs[mode]  <br><b>Outcome: </b>$rs[outcome] <br><b> Baby Gender: </b>$rs[Gender] <br><b>Baby Weight(in kg): </b>$rs[wt] <br><b>Complication: </b>$rs[complication] <br></td>
  <td>
  
  <a href='testopdslip1.php?prescriptionid=$rs[prescriptionid]&patientid=$rs[patientid]&delid=$rs[id]'>  <i class='fa fa-trash' aria-hidden='true' style='color:red; font-size:20px'></i></a>

	
	
	
             </td>
  </tr> ";    
    }
    elseif($rs[hs_of]=='Abortion')
    {
       echo "<tr><td>$rs[hs_years]</td>
 <td><b>History Of : </b>$rs[hs_of] <br><b>Mode : </b>$rs[mode]  <br><b>Outcome: </b>$rs[outcome] <br><b>Complication: </b>$rs[complication] <br></td>
  <td>
	  <a href='testopdslip1.php?prescriptionid=$rs[prescriptionid]&patientid=$rs[patientid]&delid=$rs[id]'>   <i class='fa fa-trash' aria-hidden='true' style='color:red; font-size:20px'></i></a>

             </td>
  </tr>";  
    }
    elseif($rs[hs_of]=='Miscarriage')
    {
 echo "<tr><td>$rs[hs_years]</td>
 <td><b>History Of : </b>$rs[hs_of] <br><b>Incident: </b>$rs[incident]<br><b>Complication: </b>$rs[complication] <br></td>
  <td>
	  <a href='testopdslip1.php?prescriptionid=$rs[prescriptionid]&patientid=$rs[patientid]&delid=$rs[id]'><i class='fa fa-trash' aria-hidden='true' style='color:red; font-size:20px'></i></a>

             </td>
  </tr> ";
}
}
?>   
               </table>


<script>
      let modalBtns = [...document.querySelectorAll(".button")];
      modalBtns.forEach(function(btn) {
        btn.onclick = function() {
          let modal = btn.getAttribute('data-modal');
          document.getElementById(modal)
            .style.display = "block";
        }
      });
      let closeBtns = [...document.querySelectorAll(".close")];
      closeBtns.forEach(function(btn) {
        btn.onclick = function() {
          let modal = btn.closest('.modal');
          modal.style.display = "none";
        }
      });
      window.onclick = function(event) {
        if(event.target.className === "modal") {
          event.target.style.display = "none";
        }
      }
 
    
     function History(drmeid)
{
	    if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("divmedidr1").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","loadgravida.php?drmeid="+drmeid,true);
        xmlhttp.send();
}
    
    
         function LSCS(lscsid)
{
	    if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("lscs").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","loadlscs.php?lscsid="+lscsid,true);
        xmlhttp.send();
}
            
          
         function Outcome(Outcomeid)
{
	    if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("Outcome").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","loadOutcome.php?Outcomeid="+Outcomeid,true);
        xmlhttp.send();
}    
     
</script>
    

  <style>
       .box{
              display: none;
     }
    
    .box2{
              display: none;
    
    }
            
</style>

<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>