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

{% block title %}Radiology 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">Radiology Report</h1>
	</div>

	<section>
		<table class="mb-2">
			<thead></thead>
			<tbody>
				<tr>
					<th>Name of Hospital</th>
					<td>{{ case.hospital }}</td>
					<th>District &amp; Taluka</th>
					<td>{{ case.patient.village.taluka.district }} - {{ case.patient.village.taluka }}</td>
				</tr>
				<tr>
					<th>MRD No.</th>
					<td>{{ case.mrdId }}</td>
					<th>Department / Dr.</th>
					<td>{{ case.doctor }}</td>
				</tr>
				<tr>
					<th>Name</th>
					<td>{{ case.patient.firstName }} {{ case.patient.middleName }} {{ case.patient.lastName }}</td>
					<th>System Generated ID</th>
					<td>{{ case.patient.uhId }}</td>
				</tr>
				<tr>
					<th>Age</th>
					<td>{{ case.patient.age }}</td>
					<th>Gender</th>
					<td>{{ case.patient.gender }}</td>
				</tr>
				<tr>
					<th>Address</th>
					<td>{{ case.patient.address }} - {{ case.patient.pincode }}</td>
					<th>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 width="80%">Results</th>
				</tr>
			</thead>

			<tbody>
				{% for test in tests %}
					<tr>
						<td>{{ test.name }}</td>
						<td>{{ test.result|raw }}</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>

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

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