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

{% block title %}Completed Radiology Tests{% 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">Completed Radiology Tests</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>
				</div>
			</div>
		</div>

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

			<ul class="nav nav-tabs nav-tabs-line nav-tabs-line-2x nav-tabs-line-success" role="tablist">
				<li class="nav-item">
					<a class="nav-link" href="{{ path('case_rad_test') }}" role="tab">Pending</a>
				</li>
				<li class="nav-item">
					<a class="nav-link active" href="{{ path('case_rad_test_completed') }}" role="tab">Completed</a>
				</li>
			</ul>

			<div class="tab-content">
				<div class="tab-pane active" id="pending_tests" role="tabpanel">
					<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>
								<td>Type</td>
								<th width="10%">Date</th>
								<th width="13%" class="text-center">Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for case in cases %}
							<tr>
								<td class="text-right">{{ loop.index }}</td>
								<td>{{ case.mrd_id }}</td>
								<td>{{ case.first_name }} {{ case.middle_name }} {{ case.last_name }}</td>
								<td>{{ case.doctor }}</td>
								<td>{{ case.name }}</td>
								<td class="text-right">{{ case.updated_at|date('d/m/Y') }}</td>
								<td class="text-center">
									<a href="{{ path('case_rad_view_report', {'id': case.case_id | nzo_encrypt}) }}"
										class="actions" data-toggle="kt-tooltip" title="View">
										<i class="fa far fa-eye mr-3 fa-2x"></i>
									</a>
									<a href="{{ path('case_rad_print', {'id': case.case_id | nzo_encrypt}) }}"
										class="actions" data-toggle="kt-tooltip" title="Print" target="_blank">
										<i class="fa far fa-print fa-2x"></i>
									</a>
									{% if case.health_address == '' %}
									<a href="javascript:void(0);" data-toggle="kt-tooltip" title="Create ABHA Card" onclick="CreateABHA('{{case.id | nzo_encrypt}}')"
										class="actions ml-3 AbhaPop"><i class="fa fa-id-card fa-2x"
											aria-hidden="true"></i>
									</a>
									{% else %}
									{#<a href="{{ path('abha_link') }}" class="actions" data-toggle="kt-tooltip" title="Link Health Record" target="_blank">
										<i class="fa fa-link ml-3 fa-2x"></i>
									</a>#}
									{% endif %}
								</td>
							</tr>
							{% else %}
							<tr>
								<td colspan="7" class="text-center">No records found</td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
				</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 { //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);
						$('#redirect').val('case_radiology_completed');
						$('#new-abha').submit();
					} else {
						//window.location.href = "{{ path('patient_new') }}";
					}
				})
			}
		})
	}
</script>
{% endblock %}