EVOLUTION-NINJA

Edit File: surgical_v.php

<?php
    echo view('includes/flow-header');    
?>

<br/>
		<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>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_n)*100);
											 
											echo number_format((float)$number, 2, '.', '')."%";?>
											
											</p></td>
										</tr>
									<?php
									}
									?>
		        					
		        				</tbody>
		        			</table>
		        		</div>
		        	</div>
		        	<div class="col-sm-5">
		        		
				<div id="GoogleBarChart" style="height: 400px; width: 100%"></div>
		        	</div>
		        	<div class="col-sm-2"></div>
		        </div>
		<br/>
		<div class="row">
			<div class="col-sm-12">
				<div id="GoogleLineChart" style="height: 400px; width: 100%"></div>
			</div>
		</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>

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: 'ASA 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);

var btnSave = document.getElementById('save-pdf');
				
    				btnSave.disabled = false;
  			
  				btnSave.addEventListener('click', function () {
    					var doc = new jsPDF();
    					doc.addImage(pie_chart.getImageURI(),0,0);
					doc.addImage(column_chart.getImageURI(),0,0);
    					doc.save('asa.pdf');
  				}, false);

}
			
			
			
		</script>

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