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

{% block title %}Injury Details{% endblock %}

{% block content %}
	<div class="kt-subheader kt-grid__item"></div>

	<div class="kt-container kt-grid__item kt-grid__item--fluid">
		<div class="kt-portlet kt-portlet--mobile" id="kt_page_portlet">
			<div class="kt-portlet__head kt-portlet__head--lg">
				<div class="kt-portlet__head-label">
					<h3 class="kt-portlet__head-title">Injury Details</h3>
				</div>

				<div class="kt-portlet__head-toolbar">
					<div class="kt-portlet__head-wrapper">
						<a href="{{ path('case_index') }}" class="btn btn-clean btn-icon-sm mr-2"><i class="la la-long-arrow-left"></i>Back</a>
						{% if case.injuredInfo and case.injuredInfo.injuries|length > 0 %}
							<a href="{{ path('medico_print_injury_detail', { 'case_id': case.id | nzo_encrypt}) }}" class="btn btn-primary btn-bold" role="button" target="_blank">Print</a>
						{% endif %}
					</div>
				</div>
			</div>

			<div class="kt-portlet__body">
				{% include 'parts/flash.html.twig' %}
				{% if case.injuredInfo and case.injuredInfo.injuries|length > 0 %}
					<div class="kt-section">
						<div class="kt-section__body">
							<h3 class="kt-section__title">Patient Information</h3>

							<div class="row col">
								<dl class="row col-4">
									<dt class="col-6">Patient</dt>
									<dd class="col-6">{{ case.patient }}</dd>
									<dt class="col-6">Brought by</dt>
									<dd class="col-6">{{ case.injuredInfo.broughtby }}</dd>
									<dt class="col-6">Office Letter No. Ref.</dt>
									<dd class="col-6">{{ case.injuredInfo.officeLetterRef }}</dd>
								</dl>

								<dl class="row col-4">
									<dt class="col-6">Date</dt>
									<dd class="col-6">{{ case.injuredInfo.dateBrought|date('d/m/Y') }}</dd>
									<dt class="col-6">Date &amp; Time of Examination</dt>
									<dd class="col-6">{{ case.injuredInfo.examinedAt|date('d/m/Y g:i a') }}</dd>
								</dl>

								<dl class="row col-4">
									<dt class="col-6">Identification Mark 1</dt>
									<dd class="col-6">{{ case.injuredInfo.idMark1 }}</dd>
									<dt class="col-6">Identification Mark 2</dt>
									<dd class="col-6">{{ case.injuredInfo.idMark2 }}</dd>
								</dl>
							</div>
						</div>
					</div>

					<div class="kt-section">
						<div class="kt-section__body">
							<h3 class="kt-section__title">Injury Details</h3>

							<table class="table table-striped table-bordered">
								<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>
						</div>
					</div>
				{% else %}
					<p class="text-center">No records found.</p>
				{% endif %}
			</div>
		</div>
	</div>
{% endblock %}