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

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

			<div class="kt-portlet__head-toolbar">
				<div class="kt-portlet__head-wrapper">
					<a href="{{ path('case_rad_test') }}" class="btn btn-clean btn-icon-sm"><i
							class="la la-long-arrow-left"></i>Back</a>
							<i><a href="{{ path('ctscan_completed_export', app.request.get('range') ? { 'range': app.request.get('range')} : {}) }}" class="fa fa-file-excel-o" style="font-size:36px; cursor: pointer;"></i></a>
				&nbsp;<a href="{{ path('ctscan_completed_pdf',  {range: app.request.get('range') ?? ''}) }}" class="" role="button"><i class="fa fa-file-pdf-o" style="font-size:36px; cursor: pointer;"></i></a>&nbsp;
				
				</div>
			</div>
		</div>

		<div class="kt-portlet__body">
			{% include 'parts/flash.html.twig' %}
			<div class="kt-portlet__head-wrapper">
					
				<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
				
				
		</div>
			<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('ctscan_rad_test') }}" role="tab">Pending</a>
				</li>
				<li class="nav-item">
					<a class="nav-link active" href="{{ path('case_rad_ctscan_test_completed') }}" role="tab">Completed</a>
				</li>
			</ul>
             <div class="row">
				<div class="col-lg-2 ">
					<form accept="" class="kt-form border border-secondary rounded p-4 sticky" data-sticky="true" data-margin-top="75px" data-sticky-for="1023" data-sticky-class="kt-sticky" autocomplete="off">
						<div class="form-group">
							<label class="col-form-label font-weight-bold">Name</label>
							<input type="text" name="name" class="form-control" placeholder="Patient's Name" value="{{ app.request.get('name') }}" maxlength="50" onkeydown="return /[0-9a-zA-Z ]/i.test(event.key)">
						</div>
				
						<div class="form-group">
							<label class="col-form-label font-weight-bold">Contact No.</label>
							<input type="tel" name="contact" class="form-control" placeholder="Patient's Contact No." value="{{ app.request.get('contact') }}" min="8" oninput="this.value = this.value.replace(/[^0-9]/g, '')" maxlength="10">
						</div>
				
						<div class="form-group">
							<label class="col-form-label font-weight-bold">MRD ID</label>
							<input type="text" name="mrd_id" class="form-control" placeholder="Patient's MRD ID" value="{{ app.request.get('mrd_id') }}" maxlength="50" >
						</div>
						<div class="form-group">
							<label class="col-form-label font-weight-bold">Date Range</label>
				
							<div class="input-group" id="from-to-dates">
								<input type="text" name="range" class="form-control" readonly placeholder="Select Date Range" value="{{ app.request.get('range') }}">
				
								<div class="input-group-append">
									<span class="input-group-text"><i class="la la-calendar-check-o"></i></span>
								</div>
							</div>
						</div>
		
						<div class="kt-form__actions text-right">
							<a href="{{ path('case_rad_ctscan_test_completed') }}" class="btn btn-secondary mr-2">Reset</a>
							<button type="submit" class="btn btn-primary">Search</button>
						</div>
					</form>
				
			 </div>
			<div class="col-lg-10 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>Mobile No</th>
								<th>Doctor</th>
								<td>Type</td>
								<th width="10%">Date</th>
								<th width="13%" class="text-center">Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for caseLab in caseLabs %}
							 {# {% dump(caseLab) %} #}
							<tr>
								
								<td class="text-right">{{ loop.index }}</td>
								<td>{{ caseLab.case.mrdId }}</td>
								<td>{{ caseLab.case.patient.firstName }} {{ caseLab.case.patient.middleName }} {{ caseLab.case.patient.lastName }}</td>
								<td>{{ caseLab.case.patient.mobile }}</td>
								<td>{{ caseLab.case.doctor }}</td>
								<td>{{ caseLab.labTest.name }}</td>
								<td class="text-right">{{ caseLab.updatedAt|date('d/m/Y') }}</td>
								<td class="text-center">
									<a href="{{ path('case_ctscan_rad_view_report', {'id': caseLab.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_ctscan_rad_print', {'id': caseLab.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 caseLab.case.patient.healthAddress == '' %}
									<a href="javascript:void(0);" data-toggle="kt-tooltip" title="Create ABHA Card" onclick="CreateABHA('{{caseLab.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>
					{{ include('parts/pagination.html.twig', {'lastPage': last_page}) }}
				</div>
			</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 src="{{ asset('assets/js/admin_reports_filter.js') }}"></script>

<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 %}