EVOLUTION-NINJA

Edit File: ultra_sound_v.php

<?php
    echo view('includes/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" disabled />
		<div id="chart_div"></div><br />
                <h3>Other Procedure Characterisitics - Ultrasound Use & Image Quality</h3>
	
			
		<br/>
						<div class="row">
       							<div class="col-sm-5">
        						<div class="report-detail-tag">
          						<h4 class="mb-4">Report Details</h4>

<h5>From Date : <span id="from_date"><?php echo session()->get('from_date'); ?></span></h5>
          						<h5>To Date : <span id="to_date"><?php echo session()->get('to_date'); ?></span></h5>
          						<h5>Reported By : Dr. <span id="reported_by"><?php echo session()->get('name'); ?></span></h5>
        						</div>
      							</div>
      						    <div class="col-sm-7"></div>
						</div>

<div class="row" id="demo-table">
		        	<div class="col-sm-5">
		        		<h4>Total Cases,<?php echo $total_n;?></h4>
		        		<div class="table-responsive">
		        			<table class="table table-bordered">
		        				<thead>
		        					<tr>
		        						<th>Ultrasound</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 class="row">
				<div class="col-sm-5">
								<div id="GoogleBarChart" style="height: 400px; width: 100%"></div>
							</div>
		        	<div class="col-sm-5">
		        		
				<div id="GoogleLineChart" style="height: 400px; width: 100%"></div>
		        	</div></div>
		        	<div class="col-sm-2"></div>
		        </div>

<div class="row" id="demo-table">
		        	<div class="col-sm-5">
		        		<h4>Total Cases,<?php echo $total_n;?></h4>
		        		<div class="table-responsive">
		        			<table class="table table-bordered">
		        				<thead>
		        					<tr>
		        						<th>US Image</th>
		        						<th>n</th>
		        						<th>percentage</th>
		        					</tr>
		        				</thead>
		        				<tbody>
		        					
									<?php foreach($image_quality 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, 2, '.', '')."%";?>
											
											</p></td>
										</tr>
									<?php
									}
									?>
		        					
		        				</tbody>
		        			</table>
		        		</div>
		        	</div>
					<div class="row">

</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([
					['ASA', 'Count'],
						<?php 
							foreach ($products as $row){
							   echo "['".$row['day']."',".$row['sell']."],";
						} ?>
				]);
				var options = {
					title: 'CNB Ultrasound use',
					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);

var column_chart = new google.visualization.ColumnChart(document.getElementById('GoogleBarChart'));
				column_chart.draw(data, options);

}
			
			
			
		</script>

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