EVOLUTION-NINJA

Edit File: obstetric_foetal_conditions_v.php

<?php
    echo view('includes/obstetric-reports-header');    
?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">

<div class="col-sm-9">
			
        
            <div class="reports-right pt-4">
		<input id="save-pdf" type="button" value="Save as PDF"  />
		<div id="chart_div"></div> <br />
		<div class="col-sm-9" id="reports-pdf"  >
							 <h3 class="mt-2 mb-3 pt-2 txt-center"><u>Obstetric Reports</u></h3>
                <h3 class="mt-2 pt-2">Obstetric Conditions - Foetal Conditions</h3>
					
		<br/>
						<div class="row">
       							<div class="col-sm-6">
        						<div class="report-detail-tag">
          						<h4 class="mb-4">Report Details</h4>

<h5>From Date : <span id="from_date"><?php echo date('d-m-Y',strtotime(session()->get('l_from_date'))); ?></span></h5>
          						<h5>To Date : <span id="to_date"><?php echo date('d-m-Y',strtotime(session()->get('l_to_date'))); ?></span></h5>
          						<h5>Reported by :<span id="reported_by"><?php $name =  session()->get('l_name');  
							if(substr($name, 0, 3) === "Dr. " || substr($name, 0, 3) === "Dr "){
							 echo	session()->get('l_name');
							}else{
								echo "Dr. ".session()->get('name');
							} ?></span></h5>
        						</div>
      							</div>
      						    <div class="col-sm-6"></div>
						</div>
		
					
                       
		<div class="row" id="demo-table">
			<div class="col-sm-7">
				<?php if($total_n == 0){ ?>
					<h4>No Data Found</h4>

<?php die(); } ;?>

<h4>Total cases with data = <?php echo $total;?></h4>
				<div class="table-responsive">
                  <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th>Characteristics</th>
						<th> n</th>
                        <th>Percentage</th>

</tr>
                    </thead>
                    <tbody>
					<?php foreach($products as $row){
									?>
										<tr>
										<td id="report-td-bg"><p>
											<?php echo $row['day']; ?></p>
										</td>
										<td><p>
											<?php echo $row['sell']; ?>
											</p>
										</td>
										<td><p>
												<?php
											 $number = (($row['sell']/$total)*100);
											 
											echo number_format((float)$number, 1, '.', '')."%";?>
																
										</p>
										</td>
										
										</tr>
									<?php
									}
									?>
                    </tbody>
                  </table>
                </div>
			</div>
			<div class="col-sm-5">
				<div id="GooglePieChart" style="height: 400px; width: 100%"></div>
			</div>
		</div>   
		
          
		<br/>
            </div>
	    </div>
        </div>
    </div>
</section>

<script type = "text/javascript">
</script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('.mobimenu li.dropdown').hover(function() {
              $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
            }, function() {
              $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
            });         
        });
    </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script  src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
		
		<script>

google.load('visualization', '1.0', {'packages':['corechart']});
		    google.charts.load('current', {'packages':['corechart', 'bar','table']});
			google.charts.setOnLoadCallback(drawChart);
            // Line Chart
			function drawChart() {
				var data = google.visualization.arrayToDataTable([
					['Gravida/Parity', 'Stats'],
						<?php 
							foreach ($products as $row){
							   echo "['".$row['day']."',".$row['sell']."],";
						} ?>
				]);
				var options = {
					title: 'Foetal Conditions Classification',
					curveType: 'function',
					legend: {
						position: 'top'
					}
				};

var pie_chart = new google.visualization.ColumnChart(document.getElementById('GooglePieChart'));
				pie_chart.draw(data, options);
			}

</script>

<?php
    echo view('includes/obstetric-reports-footer');    
?>