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

{% block title %}Laboratory Tests for Samples from other Hospitals{% 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">Laboratory Tests for Samples from other Hospitals</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('oth_hosp_test_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>Hospital</th>
								<th>Doctor</th>
								<th width="15%">Date &amp; Time</th>
								<th width="12%" 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.hospital }}</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 == 'Sample taken' %}
									<a href="{{ path('oth_hosp_test_add_result', {'id': case.id | nzo_encrypt}) }}"
										class="actions">
										<i class="fa far fa-file-alt mr-3 fa-2x" data-toggle="kt-tooltip"
											title="Add Result"></i>
									</a>
									<a href="#" class="actions" data-toggle="modal"
										data-target="#kt-modal-{{ case.id }}">
										<i class="fa far fa-times-circle fa-2x" data-toggle="kt-tooltip"
											title="Reject"></i>
									</a>
									{% elseif case.labTestStatus == 'Completed' %}
									<a href="{{ path('oth_hosp_test_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>
									{% elseif case.labTestStatus == 'Pending' %}
									<a href="{{ path('oth_hosp_test_add_sample', {'id': case.id | nzo_encrypt}) }}"
										class="actions" data-toggle="kt-tooltip" title="Add Sample">
										<i class="fa far fa-vial fa-2x"></i>
									</a>
									{% else %}
									<a href="#" class="actions" data-toggle="kt-tooltip"
										title="{{ case.rejectReason }}">
										<i class="fa far fa-exclamation-triangle 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 ml-2"><i class="fa fa-id-card fa-2x ml-2"
											aria-hidden="true"></i>
									</a>
									{% elseif case.labTestStatus == 'Completed' %}
									{#<a href="{{ path('abha_link') }}" class="actions ml-2" target="_blank">
										<i class="fa fa-link fa-2x"></i>
									</a>#}
									{% endif %}
								</td>
							</tr>
							{% else %}
							<tr>
								<td colspan="7" class="text-center">No records found</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>

					{{ include('parts/pagination.html.twig', {'lastPage': last_page}) }}
				</div>
			</div>
		</div>
	</div>
</div>

{% for case in lab_cases %}
{% if case.labTestStatus == 'Sample taken' %}
<div class="modal fade" id="kt-modal-{{ case.id }}" tabindex="-1" role="dialog"
	aria-labelledby="reject-case-box-{{ case.id }}" aria-hidden="true">
	<div class="modal-dialog modal-xl" role="document">
		<form action="{{ path('oth_hosp_test_reject', {'id': case.id | nzo_encrypt }) }}" method="POST">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title">Reject Sample</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
				</div>

				<div class="modal-body">
					<div class="kt-widget4">
						<div class="kt-widget4__item">
							<div class="kt-widget4__info">
								<dl class="row">
									<dt class="col-3 font-weight-bold">Case No.</dt>
									<dd class="col-5">{{ case.mrdId }}</dd>
								</dl>
								<dl class="row">
									<dt class="col-3 font-weight-bold"><label class="required">Reason for
											Rejection</label></dt>
									<dd class="col-5"><textarea name="reject_reason" class="form-control"
											required="required"></textarea></dd>
								</dl>
							</div>
						</div>
					</div>
				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
					<input type="submit" class="btn btn-primary" value="Reject">
				</div>
			</div>
		</form>
	</div>
</div>
{% endif %}
{% endfor %}
<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="type" 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 { //no
						//Todo : new patient reg link
						//window.location.href = "{{ path('patient_new') }}";
					}
				});
			} 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);
						$('#type').val('oth_hosp_test_index');
						$('#new-abha').submit();
					} else {
						//window.location.href = "{{ path('patient_new') }}";
					}
				})
			}
		})
	}
</script>
{% endblock %}