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

{% block title %}Form S 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 S Report</h3>
				</div>

				<div class="kt-portlet__head-toolbar">
					<div class="kt-portlet__head-wrapper">
						<a href="{{ path('s_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">
				<table class="table">
					<tbody>
						<tr>
							<th>State</th>
							<td>{{ hospital.district.state }}</td>
							<th>District</th>
							<td>{{ hospital.district }}</td>
							<th>Block / Town / City</th>
							<td>{{ hospital.taluka }}</td>
						</tr>
						<tr>
							<th width="25%">Health Worker / Volunteer / Practitioner</th>
							<td>Mr. Officer</td>
							<th>Superviser</th>
							<td>Superviser</td>
							<th>Reporting Unit</th>
							<td>Managing Department</td>
						</tr>
						<tr>
							<th>Unit ID</th>
							<td>{{ hospital.hNum }}</td>
							<th>From Date</th>
							<td>{{ start_date|date('d-m-Y') }}</td>
							<th>To Date</th>
							<td>{{ end_date|date('d-m-Y') }}</td>
						</tr>
					</tbody>
				</table>

				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th rowspan="3" class="text-center align-middle">#</th>
								<th colspan="7" class="text-center">Cases</th>
								<th colspan="7" class="text-center">Deaths</th>
							</tr>
							<tr>
								<th class="text-center" colspan="3">Male</th>
								<th class="text-center" colspan="3">Female</th>
								<th class="text-center align-middle" rowspan="2">Total Cases</th>
								<th class="text-center" colspan="3">Males</th>
								<th class="text-center" colspan="3">Females</th>
								<th class="text-center align-middle" rowspan="2">Total Deaths</th>
							</tr>
							<tr>
								<th class="text-center">&lt; 5 years</th>
								<th class="text-center">&ge; 5 years</th>
								<th class="text-center">Total Males</th>
								<th class="text-center">&lt; 5 years</th>
								<th class="text-center">&ge; 5 years</th>
								<th class="text-center">Total Females</th>
								<th class="text-center">&lt; 5 years</th>
								<th class="text-center">&ge; 5 years</th>
								<th class="text-center">Total Males</th>
								<th class="text-center">&lt; 5 years</th>
								<th class="text-center">&ge; 5 years</th>
								<th class="text-center">Total Females</th>
							</tr>
						</thead>
						<tbody>
							{% for case in cases %}
								<tr>
									<td>{{ case.question }}</td>
									<td class="text-right">{{ case.lt5m }}</td>
									<td class="text-right">{{ case.ge5m }}</td>
									<td class="text-right">{{ case.total_m }}</td>
									<td class="text-right">{{ case.lt5f }}</td>
									<td class="text-right">{{ case.ge5f }}</td>
									<td class="text-right">{{ case.total_f }}</td>
									<td class="text-right">{{ case.total_c }}</td>
									<td class="text-right">{{ case.lt5m_d }}</td>
									<td class="text-right">{{ case.ge5m_d }}</td>
									<td class="text-right">{{ case.total_m_d }}</td>
									<td class="text-right">{{ case.lt5f_d }}</td>
									<td class="text-right">{{ case.ge5f_d }}</td>
									<td class="text-right">{{ case.total_f_d }}</td>
									<td class="text-right">{{ case.total_d }}</td>
								</tr>
							{% else %}
								<tr>
									<td colspan="15" class="text-center">No records found</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
{% endblock %}