EVOLUTION-NINJA

Edit File: obstetric_surgery.php

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

<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 mb-3 pt-2 txt-center"><u>Labour Reports</u></h3>
                	<h3 class="mt-2  pt-2">Surgery Details - Surgery Details</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('l_name');
							} ?></span></h5>
        						</div>
      							</div>
      						    <div class="col-sm-6"></div>
						</div>
						<div class="row">
							<div class=" col-sm-6 table-responsive" id="demo-table">
									<h4>Total cases = <?php echo $total;?></h4>
					        			<table class="table table-bordered" style="height: 200px; width: 100%" id="mytable">
					        				<thead>
					        					<tr>
					        						<th>Characteristics</th>
					        						<th>n</th>
					        						<th>Percentage</th>
					        					</tr>
					        				</thead>
					        				<tbody>
					        					
												<?php foreach($category 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 class="col-sm-6"></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>
							
						
					<br/>  
       		 </div>

</div>

google.load('visualization', '1.0', {'packages':['corechart']});

google.charts.load('current', {'packages':['corechart', 'bar','table']});

google.charts.setOnLoadCallback(drawChart);
            // Line Chart
			function drawChart() {

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();
					html2canvas($('#reports-pdf').get(0)).then(function(canvas) {
						// export pdf
						var pdfDoc = new jsPDF({
						orientation: 'potrait',
						unit: 'px',
						format: [canvas.width, canvas.height]
						});
						pdfDoc.addImage(canvas.toDataURL('image/png'), 0, 0);
						pdfDoc.save('clinicalsurgery.pdf');
					});
    					//doc.addImage(pie_chart.getImageURI(),0,0);
						//doc.addImage(column_chart.getImageURI(),0,0);
    					//doc.save('Surgical_location.pdf');
  				}, false);
			
		</script>

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