EVOLUTION-NINJA

Edit File: user_ultra_sound_v.php

<?php
echo view('includes/user-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" />
		<div id="chart_div"></div><br />
		<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">Other Procedure Characterisitics - Ultrasound Use & Image Quality</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" id="demo-table">
				<div class="col-sm-8">
					<h3 class="mt-2 pt-2">Ultrasound</h3> <br>

<?php if ($total_n == 0) {
						?>
						<h4>No Data Found</h4>
						<?php
						die();
					}
					?>
					<h4>Total cases with data =
						<?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="col-sm-4"></div>
			</div>

<div class="row" id="demo-table">
				<div class="col-sm-8">
					<h3 class="mt-2 pt-2">Ultrasound Image</h3> <br>
					<?php if ($i_total_n == 0) { ?>
						<h4>No Data Found</h4>

<?php
					} else { ?>
						<h4>Total cases with data =
							<?php echo $i_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'] / $i_total_n) * 100);

echo number_format((float) $number, 2, '.', '') . "%"; ?>

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

</tbody>
							</table>
						</div>
					<?php } ?>
				</div>

</div>
	</div>

<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>

var btnSave = document.getElementById('save-pdf');

btnSave.disabled = false;

btnSave.addEventListener('click', function () {
			// alert("hello");
			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('ultrasound.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');
	?>