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

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

	<section>
		<h3>Patient Information</h3>

		<table class="mb-2">
			<thead></thead>
			<tbody>
				<tr>
					<th>Patient</th>
					<td>{{ case.patient }}</td>
					<th>Brought by</th>
					<td>{{ case.injuredInfo.broughtby }}</td>
					<th>Office Letter No. Ref.</th>
					<td>{{ case.injuredInfo.officeLetterRef }}</td>
				</tr>
				<tr>
					<th>Date</th>
					<td>{{ case.injuredInfo.dateBrought|date('d/m/Y') }}</td>
					<th>Date &amp; Time of Examination</th>
					<td colspan="3">{{ case.injuredInfo.examinedAt|date('d/m/Y g:i a') }}</td>
				</tr>
				<tr>
					<th>Identification Mark 1</th>
					<td>{{ case.injuredInfo.idMark1 }}</td>
					<th>Identification Mark 2</th>
					<td colspan="3">{{ case.injuredInfo.idMark2 }}</td>
				</tr>
			</tbody>
		</table>

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

		<h3>Injury Details</h3>

		<table class="mb-2">
			<thead>
				<tr>
					<th>Name of Injury</th>
					<th>Inflicted Side/Part of Body</th>
					<th>Size of Injury</th>
					<th>Shape Margin</th>
					<th>Age of Injury</th>
					<th>Type of Weapon Used</th>
					<th>Nature of Injury</th>
				</tr>
			</thead>

			<tbody>
				{% for injury in case.injuredInfo.injuries %}
					<tr>
						<td>{{ injury.injuryName }}</td>
						<td>{{ injury.inflictedSidePart }}</td>
						<td>{{ injury.injurySize }}</td>
						<td>{{ injury.shapeMargin }}</td>
						<td>{{ injury.injuryAge }}</td>
						<td>{{ injury.weaponType }}</td>
						<td>{{ injury.injuryNature }}</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>Place:</div>
		</div>

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