EVOLUTION-NINJA

Edit File: user_surgery.php

<?php
echo view('includes/user-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>CNB 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('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">
				<div class=" col-sm-6 table-responsive" id="demo-table">

<?php if ($total == 0) {
						?>
						<h4>No Data Found</h4>
						<?php
						die();
					}
					?>
					<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>

</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 data1 = google.visualization.arrayToDataTable([
				['Characteristics', 'Stats'],
				<?php

echo "['Total number of cases recorded with minimum data set','N’'],";
				echo "['Total number of cases with complete entry','Nc'],";

?>
			]);
			var data = google.visualization.arrayToDataTable([
				['Characteristics', 'Count'],
				<?php
				foreach ($category as $row) {
					echo "['" . $row['day'] . "'," . $row['sell'] . "],";
				} ?>
			]);
			var options = {
				title: 'Surgery Details 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();
			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('surgery_details.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/user-reports-footer');
	?>