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

{% block title %}Form L Report{% 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">
			<div class="kt-portlet__head kt-portlet__head--lg">
				<div class="kt-portlet__head-label">
					<h3 class="kt-portlet__head-title">Form L Report</h3>
				</div>

				<div class="kt-portlet__head-toolbar">
					<div class="kt-portlet__head-wrapper">
						<a href="{{ path('l_form') }}" class="btn btn-clean btn-icon-sm"><i class="la la-long-arrow-left"></i>Back</a>
					</div>
				</div>
			</div>

			<div class="kt-portlet__body">
				{% include 'hospital_reports/_hospital_details.html.twig' %}

				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th colspan="4" rowspan="3" class="text-center align-middle">#</th>
								<th class="text-center" colspan="12">Cases</th>
							</tr>
							<tr>
							<tr>
								<th class="text-center" colspan="4">Males</th>
								<th class="text-center" colspan="4">Females</th>
							</tr>
							<tr>
								<th>Sr. No.</th>
								<th>Diseases / Syndromes No. of Cases</th>
								<th>Samples Tested</th>
								<th>Total Positive</th>
								<th>&lt; 5 years</th>
								<th>&ge; 5 years &le; 14 years</th>
								<th>&gt; 14 years</th>
								<th>Total Males</th>
								<th>&lt; 5 years</th>
								<th>&ge; 5 years &le; 14 years</th>
								<th>&gt; 14 years</th>
								<th>Total Females</th>
							</tr>
						</thead>
						<tbody>
							{% for case in cases %}
								<tr>
									<td class="text-right">{{ loop.index }}</td>
									<td class="text-nowrap">{{ case.name }}</td>
									<td class="text-right">{{ case.samples }}</td>
									<td class="text-right">{{ case.positives }}</td>
									<td class="text-right">{{ case.lt5m }}</td>
									<td class="text-right">{{ case.ge5lt14m }}</td>
									<td class="text-right">{{ case.gt14m }}</td>
									<td class="text-right">{{ case.total_m }}</td>
									<td class="text-right">{{ case.lt5f }}</td>
									<td class="text-right">{{ case.ge5lt14f }}</td>
									<td class="text-right">{{ case.gt14f }}</td>
									<td class="text-right">{{ case.total_f }}</td>
								</tr>
							{% else %}
								<tr>
									<td colspan="16" class="text-center">No records found</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
{% endblock %}