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

{% block title %}Cases for Laboratory Test{% 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">Cases for Laboratory Test</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"><i
							class="la la-long-arrow-left"></i>Back</a>
					<a href="{{ path('lab_case_new') }}" class="btn btn-primary btn-bold ml-2" role="button">Add
						Case</a>
				</div>
			</div>
		</div>

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

			<div class="tab-content">
				<div class="tab-pane active" id="pending_tests" role="tabpanel">
					{% include 'parts/flash.html.twig' %}

					<table class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th width="5%">Sr. No.</th>
								<th>Case ID</th>
								<th>Patient Name</th>
								<th>Doctor</th>
								<th width="15%">Date &amp; Time</th>
								<th width="10%" class="text-center">Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for case in lab_cases %}
							<tr>
								<td class="text-right">{{ loop.index }}</td>
								<td>
									{% if case.labTestStatus == 'Completed' %}
									<span class="kt-badge kt-badge--success kt-badge--md mr-2 btn font-weight-bold"
										data-toggle="kt-tooltip" title="Completed">C</span>
									{% elseif case.labTestStatus == 'Sample taken' %}
									<span
										class="kt-badge kt-badge--outline kt-badge--outline-2x kt-badge--warning kt-badge--md mr-2 btn font-weight-bold"
										data-toggle="kt-tooltip" title="Sample taken">S</span>
									{% elseif case.labTestStatus == 'Pending' %}
									<span class="kt-badge kt-badge--warning kt-badge--md mr-2 btn font-weight-bold"
										data-toggle="kt-tooltip" title="Pending">P</span>
									{% else %}
									<span class="kt-badge kt-badge--danger kt-badge--md mr-2 btn font-weight-bold"
										data-toggle="kt-tooltip" title="Rejected">R</span>
									{% endif %}
									{{ case.mrdId }}
								</td>
								<td>{{ case.patient }}</td>
								<td>{{ case.doctor ?: case.otherDoctor }}</td>
								<td class="text-right">{{ case.createdAt|date('d/m/Y g:i a') }}</td>
								<td class="text-center">
									{% if case.labTestStatus == 'Completed' %}
									<a href="{{ path('lab_case_print', {'id': case.id | nzo_encrypt}) }}"
										class="actions" data-toggle="kt-tooltip" title="Print" target="_blank">
										<i class="fa far fa-print fa-2x"></i>
									</a>
									{# <a class="dropdown-item" href="" class="actions" data-toggle="kt-tooltip"
										title="Link Health Record">
										<i class="fa fas fa-link"></i>
									</a> #}
									{% elseif case.labTestStatus == 'Pending' %}
									<a href="{{ path('lab_case_add_sample', {'id': case.id | nzo_encrypt}) }}"
										class="actions" data-toggle="kt-tooltip" title="Add Sample Taken">
										<i class="fa far fa-vial fa-2x"></i>
									</a>
									{% else %}
									<a href="{{ path('lab_case_add_result', {'id': case.id | nzo_encrypt}) }}"
										class="actions" data-toggle="kt-tooltip" title="Add Result">
										<i class="fa far fa-file-alt fa-2x"></i>
									</a>
									{% endif %}
									{% if case.patient.healthAddress == '' and case.labTestStatus != 'Rejected' %}
									<a href="javascript:void(0);" onclick="CreateABHA('{{case.id | nzo_encrypt}}')"
										class="actions AbhaPop"><i class="fa fa-id-card fa-2x ml-2"
											aria-hidden="true"></i>
									</a>
									{% endif %}
								</td>
							</tr>
							{% else %}
							<tr>
								<td colspan="6" class="text-center">No records found</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>

					{{ include('parts/pagination.html.twig', {'lastPage': last_page}) }}
				</div>
			</div>
		</div>
	</div>
</div>
<form action="{{ path('abha_link') }}" id="link-abha" method="POST">
	<input type="hidden" name="type" id="abha_link_val" value>
	<input type="hidden" name="abha_details" id="abha_details" value="">
</form>
<form action="{{ path('abha_card') }}" id="new-abha" method="POST">
	<input type="hidden" name="case_id" id="caseId" value="">
	<input type="hidden" name="type" id="redirect" value="">
</form>
{% endblock %}
{% block scripts %}
{{ parent() }}
<script>
	function CreateABHA(id) {
		Swal.fire({
			title: 'Do you have ABHA?',
			type: 'warning',
			allowOutsideClick: false,
			showCancelButton: true,
			confirmButtonColor: '#189f9f',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Yes',
			cancelButtonText: 'No',
		}).then((result) => {
			if (result.value) {
				Swal.fire({
					title: 'Do you want verify your ABHA?',
					type: 'warning',
					allowOutsideClick: false,
					showCancelButton: true,
					confirmButtonColor: '#189f9f',
					cancelButtonColor: '#d33',
					confirmButtonText: 'Yes',
					cancelButtonText: 'No',
				}).then((result) => {
					if (result.value) { //yes
						//Todo : abha link page route define
						$('#abha_link_val').val('reg');
						$('#link-abha').submit();
					}
				});
			} else {
				Swal.fire({
					title: 'Do you want to create ABHA?',
					type: 'warning',
					confirmButtonColor: '#189f9f',
					cancelButtonColor: '#d33',
					showCancelButton: true,
					allowOutsideClick: false,
					confirmButtonText: 'Yes',
					cancelButtonText: 'No',
					reverseButtons: false
				}).then((result) => {
					if (result.value) {
						$('#caseId').val(id);
						$('#redirect').val('lab_case_index');
						$('#new-abha').submit();
					}
				})
			}
		})
	}
</script>
{% endblock %}