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

{% block title %}HIV Register{% 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">HIV Register</h3>
				</div>

				<div class="kt-portlet__head-toolbar">
					<div class="kt-portlet__head-wrapper">
						<a href="{{ path('dashboard') }}" class="btn btn-clean btn-icon-sm mr-2"><i class="la la-long-arrow-left"></i>Back</a>
						<button class="btn btn-brand btn-bold mr-2" id="conf-toggle">Toggle Confidential Information</button>
						<a href="{{ path('hiv_register_export') }}" class="btn btn-brand btn-bold">Export</a>
					</div>
				</div>
			</div>

			<div class="kt-portlet__body" data-sticky-container>
				{% include 'parts/flash.html.twig' %}

				<div class="row">
					{% include 'register/_filter.html.twig' %}

					<div class="col-lg-9 col-xl-9">
						<div class="table-responsive">
							<table class="table table-striped table-bordered">
								<thead>
									<tr>
										<th class="text-nowrap">Sr No.</th>
										<th class="text-nowrap">MRD No.</th>
										<th>District</th>
										<th>Sub-district</th>
										<th>PHC/UHC</th>
										<th class="text-nowrap">Date of Visit</th>
										<th class="text-nowrap">PID No.</th>
										<th class="conf">Name</th>
										<th class="text-nowrap">Unique ID</th>
										<th>Age</th>
										<th>Gender</th>
										<th class="conf">Address</th>
										<th class="text-nowrap conf">Contact No.</th>
										<th>Type of Individual</th>
										<th class="text-nowrap">In-referral</th>
										<th>Consent Taken for HIV Testing</th>
										<th>Date of HIV Screening</th>
										<th>Screening Test Result</th>
										<th>Method</th>
										<th>Name of HIV Test Kit</th>
										<th class="text-nowrap">Batch No.</th>
										<th class="text-center">Action</th>
									</tr>
								</thead>
								<tbody>
								{% for case in cases %}
									<tr>
										<td class="text-right">{{ loop.index }}</td>
										<td class="text-nowrap">
											{% if not case.p_id %}
												<span class="kt-badge kt-badge--warning kt-badge--md mr-2 btn font-weight-bold" data-toggle="kt-tooltip" title="Pending">P</span>
											{% endif %}
											{{ case.mrd_id }}
										</td>
										<td>{{ case.district }}</td>
										<td>{{ case.sub_district }}</td>
										<td>{{ case.hospital }}</td>
										<td>{{ case.dov|date('d/m/Y') }}</td>
										<td>{{ case.p_id ? case.p_id : '&mdash;' }}</td>
										<td class="text-nowrap conf">{{ case.first_name ~ ' ' ~ case.middle_name ~ ' ' ~ case.last_name}}</td>
										<td class="text-nowrap">{{ case.uh_id }}</td>
										<td class="text-right">{{ case.age }}</td>
										<td>{{ case.gender }}</td>
										<td class="conf">{{ case.address }}</td>
										<td class="text-right conf">{{ case.mobile }}</td>
										<td>{{ case.individual_type ? case.individual_type : '&mdash;' }}</td>
										<td>{{ case.in_ref ? case.in_ref : '&mdash;' }}</td>
										<td>{{ case.is_consent_taken ? 'Yes' : 'No' }}</td>
										<td>{{ case.screening_date ? case.screening_date|date('d/m/Y') : '&mdash;' }}</td>
										<td>{{ case.screening_result ? case.screening_result : '&mdash;' }}</td>
										<td>{{ case.method ? case.method : '&mdash;' }}</td>
										<td>{{ case.kit_name ? case.kit_name : '&mdash;' }}</td>
										<td>{{ case.batch_num ? case.batch_num : '&mdash;' }}</td>
										<td class="text-center">
											{% if not case.p_id %}
												<a href="{{ path('hiv_register_follow_up', { id: case.id }) }}" class="actions" data-toggle="kt-tooltip" title="Follow-up">
													<i class="fa far fa-edit fa-2x"></i>
												</a>
											{% else %}
												&mdash;
											{% endif %}
										</td>
									</tr>
								{% else %}
									<tr>
										<td colspan="22" class="text-center">No records found</td>
									</tr>
								{% endfor %}
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}

{% block scripts %}
	{{ parent() }}

	<script src="{{ asset('assets/js/registers_filter.js') }}"></script>
{% endblock %}