{% extends 'base_print.html.twig' %}

{% block title %}Laboratory Report{% endblock %}

{% block styles %}
	{{ parent() }}

	<style>
		@media print {
			@page {
				size: A4 portrait;
		 	}
		}

		thead th { font-weight: bold !important; }
	</style>
{% endblock %}

{% block content %}
	<script>
		window.onload = function() {
			window.print();
		};
	</script>

	<div class="page-title">
		<h1 class="text-center py-4">Laboratory Report</h1>
	</div>

	<section>
		<table class="mb-2">
			<thead></thead>
			<tbody>
				<tr>
					<th width="15%">Name of Hospital</th>
					<td>{{ app.user.profile.hospital }}</td>
					<th width="15%">District &amp; Taluka</th>
					<td>{{ app.user.profile.hospital.village.taluka.district }} - {{ app.user.profile.hospital.village.taluka }}</td>
				</tr>
				<tr>
					<th width="15%">MRD No.</th>
					<td>{{ case.mrdId }}</td>
					<th width="15%">Department / Dr.</th>
					<td>{{ case.doctor ? case.doctor : case.otherDoctor }}</td>
				</tr>
				<tr>
					<th width="15%">Name</th>
					<td>{{ case.patient.firstName }} {{ case.patient.middleName }} {{ case.patient.lastName }}</td>
					<th width="15%">System Generated ID</th>
					<td>{{ case.patient.uhId }}</td>
				</tr>
				<tr>
					<th width="15%">Age</th>
					<td>{{ case.patient.age }}</td>
					<th width="15%">Gender</th>
					<td>{{ case.patient.gender }}</td>
				</tr>
				<tr>
					<th width="15%">Address</th>
					<td>{{ case.patient.address }} - {{ case.patient.pincode }}</td>
					<th width="15%">Contact No.</th>
					<td>{{ case.patient.mobile }}</td>
				</tr>
			</tbody>
		</table>

		<hr style="border-top: 1px solid #000">

		<table class="mb-2">
			<thead>
				<tr>
					<th>Name of Test</th>
					<th>Method</th>
					<th>Type of Sample</th>
					<th>Results</th>
					<th>Normal Range</th>
				</tr>
			</thead>

			<tbody>
				{% for test in tests %}
					<tr>
						<td>{{ test.test_name }}</td>
						<td>{{ test.method_names }}</td>
						<td>{{ test.sample }}</td>
						<td>{{ test.result|raw }}</td>
						<td>{{ test.normal_range }}</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>

		<hr style="border-top: 1px solid #000" class="mb-5">

		<div class="row">
			<div class="col-3">Date: {{ case.updatedAt|date('d/m/Y g:i a') }}</div>
			<div class="col-6">Place:</div>
		</div>

		<div class="mt-5 text-right mr-5 pr-5">Sign</div>
	</section>
{% endblock %}