EVOLUTION-NINJA

Edit File: obstetric_technical_problems_user_v.php

<?php
echo view('includes/obstetric-user-report-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>Obstetric Reports</u></h3>
			<h3 class="mt-4 pt-3">Procedure Outcomes - Technical Problems</h3>

<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('name');
																} else {
																	echo "Dr. " . session()->get('name');
																} ?></span></h5>
					</div>
				</div>
				<div class="col-sm-4"></div>
			</div>
			<br />
			<div class="row">
				<div class=" col-sm-5 table-responsive" id="demo-table">
					<?php if ($total == 0) { ?>

<h4>No Data Found</h4>

<?php die();
					} ?>
					<h4>Total cases with data = <?php echo $total; ?></h4>
					<table class="table table-bordered" style="height: 300px; width: 100%" id="mytable">
						<thead>
							<tr>
								<th>Technical Problems</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 echo  number_format((float)(($row['sell'] / $total_no1) * 100), 1, '.', '') . "%" ?>

</p>
									</td>
								</tr>
							<?php
							}
							?>

</tbody>
					</table>
				</div>
				<div class="col-sm-7">
				<div id="GoogleBarChart" style="height: 400px; width: 100%"></div>
				</div>
			</div>

</div>
</div>

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 ($products as $row) {
				echo "['" . $row['day'] . "'," . $row['sell'] . "],";
			} ?>
		]);
		var options = {
			title: 'Technical Problems Classification',
			curveType: 'function',
			legend: {
				position: 'top'
			}
		};

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

}
</script>
<script>
	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('technicalproblems.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');
?>