EVOLUTION-NINJA

Edit File: labour_anatomical_v.php

<?php
    echo view('includes/labour-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="reports-right  pt-4">
		<input id="save-pdf" type="button" value="Save as PDF"  />
		<div id="chart_div"></div>
<div class="col-sm-9" id="reports-pdf">
                <h3 class="mt-2 pt-2" >Other Procedure Characteristics - Anatomical Landmark</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('from_date'))); ?></span></h5>
          						<h5>To Date : <span id="to_date"><?php echo date('d-m-Y',strtotime(session()->get('to_date'))); ?></span></h5>
          						<h5>Reported by :  <span id="reported_by"><?php $name =  session()->get('name');  
							if(substr($name, 0, 3) === "Dr. " || substr($name, 0, 3) === "Dr "){
							 echo	session()->get('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-6">
		        		
		        		<div class="table-responsive" id="demo-table">
<h4>Total cases = <?php echo $total_n;?></h4>
		        			<table class="table table-bordered">
		        				<thead>
		        					<tr>
		        						<th>Anatomical Landmark</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_n)*100);
											 
											echo number_format((float)$number, 1, '.', '')."%";?>
											
											</p></td>
										</tr>
									<?php
									}
									?>
		        					
		        				</tbody>
		        			</table>
		        		</div>
		        	</div>
</div>
					
					<div class="row">
						<div class="col-sm-6">
		    				<div id="GoogleLineChart" style="height: 400px; width: 100%"></div>
		        		</div>
						<div class="col-sm-6">
							<div id="GoogleBarChart" style="height: 400px; width: 100%"></div>
						</div>
					</div>
		        	
		        	
		        </div>

<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([
					['ASA', 'Count'],
						<?php 
							foreach ($products as $row){
							   echo "['".$row['day']."',".$row['sell']."],";
						} ?>
				]);
				var options = {
					title: 'Anatomical Landmark Classification',
					curveType: 'function',
					legend: {
						position: 'top'
					}
				};
				var pie_chart = new google.visualization.PieChart(document.getElementById('GoogleLineChart'));
				pie_chart.draw(data, options);
				
				var column_chart = new google.visualization.ColumnChart(document.getElementById('GoogleBarChart'));
				column_chart.draw(data, options);

}
			
			
			
		</script>

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