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

{% block title %}Patient ID Card{% 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" id="kt_page_portlet">
		<div class="kt-portlet__head kt-portlet__head--lg">
			<div class="kt-portlet__head-label">
				<h3 class="kt-portlet__head-title">Patient ID Card</h3>
			</div>

			<div class="kt-portlet__head-toolbar">
				<div class="kt-portlet__head-wrapper">
					<a href="{{ path('patient_index') }}" class="btn btn-clean btn-icon-sm mr-2"><i
							class="la la-long-arrow-left"></i>Back</a>
					{% if patient.healthAddress == '' %}
					<a href="javascript:void(0);" onclick="CreateABHA('{{patient.id | nzo_encrypt}}')"
						class="btn btn-sucess btn-bold">Create ABHA</a>
					{% endif %}
				</div>
			</div>
		</div>

		<div class="kt-portlet__body">
			<div class="row">
				<div class="col-4">
					<h4>Front Side</h4>

					<dl class="row">
						<dt class="col-4 pb-4">Unique ID</dt>
						<dd class="col-8">{{ patient.uhId }}</dd>
						<dt class="col-4 pb-4">HOF</dt>
						<dd class="col-8">{{ patient.name }}</dd>
						<dt class="col-4 pb-4">Name of Father / Husband</dt>
						<dd class="col-8">{{ patient.fatherHusbandName }}</dd>
						<dt class="col-4 pb-4">Gender</dt>
						<dd class="col-8">{{ patient.gender }}</dd>
						<dt class="col-4 pb-4">House No.</dt>
						<dd class="col-8">{{ patient.housePlotNo }}</dd>
						<dt class="col-4 pb-4">Address</dt>
						<dd class="col-8">{{ patient.address }}</dd>
						<dt class="col-4 pb-4">Village /Town / Ward</dt>
						<dd class="col-8">{{ patient.village }}</dd>
						<dt class="col-4 pb-4">Block / Tehsil / Taluka</dt>
						<dd class="col-8">{{ patient.village.taluka }}</dd>
						<dt class="col-4 pb-4">District / Corporation</dt>
						<dd class="col-8">{{ patient.village.taluka.district }}</dd>
						<dt class="col-4 pb-4">Pin Code</dt>
						<dd class="col-8">{{ patient.pincode }}</dd>
						<dt class="col-4 pb-4">Contact No.</dt>
						<dd class="col-8">{{ patient.mobile ? patient.mobile : '&mdash;'}}</dd>
						<dt class="col-4 pb-4">Aadhaar Card No.</dt>
						<dd class="col-8">{{ patient.adharNum }}</dd>
						<dt class="col-4">Email</dt>
						<dd class="col-8">{{ patient.email ? patient.email : '&mdash;'}}</dd>
					</dl>
				</div>

				<div class="col-2">
					<div class="my-5 pb-5">
						&nbsp;
					</div>

					<div class="my-5 pb-5">
						{% if patient.photo %}
						<img src="{{ asset('uploads/patient_photos/' ~ patient.photo) }}" alt="Photo" height="200"
							width="200" class="img-thumbnail">
						{% else %}
						<i class="fa fa-user fa-6x"></i>
						{% endif %}
					</div>

					<div class="my-5 pb-5">
						&nbsp;
					</div>

					<div class="mt-5 pt-5">
						<i class="fa fa-qrcode fa-6x"></i>
					</div>
				</div>

				<div class="col-4">
					<h4>Back Side</h4>
					<dl class="row">
						<dt class="col-4 pb-4">Unique ID</dt>
						<dd class="col-8">{{ patient.uhId }}</dd>
						<dt class="col-4 pb-4">Name of Beneficiary</dt>
						<dd class="col-8">{{ patient.name }}</dd>
						<dt class="col-4 pb-4">Name of Father / Husband</dt>
						<dd class="col-8">{{ patient.fatherHusbandName }}</dd>
						<dt class="col-4 pb-4">Date of Birth</dt>
						<dd class="col-8">{{ patient.dob|date('d/m/Y') }}</dd>
						<dt class="col-4 pb-4">Gender</dt>
						<dd class="col-8">{{ patient.gender }}</dd>
						<dt class="col-4 pb-4">Aadhaar Card No.</dt>
						<dd class="col-8">{{ patient.adharNum }}</dd>
						{#<dt class="col-4 pb-4">PMJAY ID</dt>
						<dd class="col-8">&mdash;</dd>
						<dt class="col-4 pb-4">Shram ID</dt>
						<dd class="col-8">&mdash;</dd>
						<dt class="col-4 pb-4">Kishan ID</dt>
						<dd class="col-8">&mdash;</dd>
						<dt class="col-4 pb-4">MA / MA Vatsalya ID</dt>
						<dd class="col-8">&mdash;</dd>
						<dt class="col-4 pb-4">NCD ID</dt>
						<dd class="col-8">&mdash;</dd>#}
						<dt class="col-4 pb-4">Contact No.</dt>
						<dd class="col-8">{{ patient.mobile ? patient.mobile : '&mdash;' }}</dd>
						<dt class="col-4">Email</dt>
						<dd class="col-8">{{ patient.email ? patient.email : '&mdash;' }}</dd>
					</dl>
				</div>

				<div class="col-2">
					<div class="my-5 pb-5">
						&nbsp;
					</div>

					<div class="my-5 pb-5">
						{% if patient.photo %}
						<img src="{{ asset('uploads/patient_photos/' ~ patient.photo) }}" alt="Photo" height="200"
							width="200" class="img-thumbnail">
						{% else %}
						<i class="fa fa-user fa-6x"></i>
						{% endif %}
					</div>

					<div class="my-5 pb-5">
						&nbsp;
					</div>

					<div class="mt-5 pt-5">
						<i class="fa fa-qrcode fa-6x"></i>
					</div>
				</div>
			</div>

			<div class="text-center">
				<a href="{{path('patient_print',{'id': patient.id | nzo_encrypt}) }}" target="_blank" class="btn btn-primary btn-bold">Print</a>
			</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('patient_list');
						$('#new-abha').submit();
					}
				})
			}
		})
	}
</script>
{% endblock %}