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

{% block title %}{{ title }}{% 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">
					{% if is_granted('ROLE_RECEP') %}
						{{ title }} for {{ 'now'|date('d/m/Y') }}
					{% else %}
						{{ title }}
					{% endif %}
				</h3>
			</div>

			<div class="kt-portlet__head-toolbar">
				<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">
						<i onClick='alert("Work in progress")' class="fa fa-file-excel-o" style="font-size:36px; cursor: pointer;"></i>&nbsp;
						<i onClick='alert("Work in progress")' class="fa fa-file-pdf-o" style="font-size:36px; cursor: pointer;"></i>&nbsp;
					
					<a href="{{ path('qmanagement_new') }}" class="btn btn-brand btn-bold mr-2" role="button">Add Q</a>

					{% if is_granted('ROLE_DOC') or is_granted('ROLE_DENT') %}
						<a href="{{ path('ward_bed_missed_schedules') }}" class="btn btn-default btn-bold" role="button">Missed Schedules of Ward</a>
					{% endif %}
				</div>
				
			</div>
            
		</div>

		<!-- Search Section Start -->
		
		
<!-- Search Section End -->

		<div class="kt-portlet__body">
			{% include 'parts/flash.html.twig' %}
			
			<div class="row">
				<div class="col-lg-3 col-xl-3 d-print-none">
					<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">Select Department</label>
							<select name="department" class="form-control">
								<option value="">Select Department</option>
								<option value="OPD">OPD</option>
								<option value="IPD">IPD</option>
								<option value="ICU">ICU</option>
								<option value="Lab">Lab</option>
								<option value="OT">OT</option>
								<option value="Radiology">Radiology</option>
							</select>
						</div>
						
						<div class="form-group">
							<label class="col-form-label font-weight-bold">Select OPD/IPD/OT/Radiology/</label>
							<select name="OPD/IPD/OT/Radiology/" class="form-control">
								<option value="">Select OPD/IPD/OT/Radiology/</option>
								<option value="">General  OPD </option>
						<option value="">Medicine  OPD </option>
						<option value="">Gynecology  OPD </option>
						<option value="">Pediatric  OPD </option>
						<option value="">Trauma Care  OPD </option>
						<option value="">Dental  OPD </option>
						<option value="">Ophthalmology  OPD </option>
						<option value="">Surgical Oncology  OPD </option>
						<option value="">Respiratory Medicine  OPD </option>
						<option value="">Surgical  OPD </option>
						<option value="">Gastroenterology  OPD </option>
						<option value="">Psychiatry  OPD </option>
						<option value="">Orthopedic  OPD </option>
						<option value="">Physiotherapy  OPD </option>
						<option value="">ENT  OPD </option>
						<option value="">Skin and Cosmetology  OPD </option>
						<option value="">Cardiology  OPD </option>
						<option value="">Nephrology  OPD </option>
						<option value="">Neurosurgery  OPD </option>
						
						<option value="">General  Ward </option>
						<option value="">Medicine  Ward </option>
						<option value="">Gynecology  Ward </option>
						<option value="">Pediatric  Ward </option>
						<option value="">Trauma Care  Ward </option>
						<option value="">Dental  Ward </option>
						<option value="">Ophthalmology  Ward </option>
						<option value="">Surgical Oncology  Ward </option>
						<option value="">Respiratory Medicine  Ward </option>
						<option value="">Surgical  Ward </option>
						<option value="">Gastroenterology  Ward </option>
						<option value="">Psychiatry  Ward </option>
						<option value="">Orthopedic  Ward </option>
						<option value="">Physiotherapy  Ward </option>
						<option value="">ENT  Ward </option>
						<option value="">Skin and Cosmetology  Ward </option>
						<option value="">Cardiology  Ward </option>
						<option value="">Nephrology  Ward </option>
						<option value="">Neurosurgery  Ward </option>

						<option value="">General  ICU </option>
						<option value="">Medicine  ICU </option>
						<option value="">Obstratic  ICU </option>
						<option value="">Pediatric  ICU </option>
						<option value="">Trauma Care  ICU </option>
						<option value="">NBSU ICU </option>
						<option value="">Neonatal  ICU </option>
						<option value="">Surgical  ICU </option>

						<option value="">General  OT </option>
						<option value="">Medicine  OT </option>
						<option value="">Gynecology  OT </option>
						<option value="">Pediatric  OT </option>
						<option value="">Trauma Care  OT </option>
						<option value="">Dental  OT </option>
						<option value="">Ophthalmology  OT </option>
						<option value="">Surgical Oncology  OT </option>
						<option value="">Respiratory Medicine  OT </option>
						<option value="">Surgical  OT </option>
						<option value="">Gastroenterology  OT </option>
						<option value="">Psychiatry  OT </option>
						<option value="">Orthopedic  OT </option>
						<option value="">Physiotherapy  OT </option>
						<option value="">ENT  OT </option>
						<option value="">Skin and Cosmetology  OT </option>
						<option value="">Cardiology  OT </option>
						<option value="">Nephrology  OT </option>
						<option value="">Neurosurgery  OT </option>

						<option value="">Radiology Lab </option>
						<option value="">Pathology Lab </option>
						<option value="">Blood Bank Lab </option>
				
							</select>
						</div>
						<div class="form-group">
							<label class="col-form-label font-weight-bold">Select Doctor</label>
							<select name="Doctor" class="form-control">
								<option value="">Select Doctor</option>
								<option value="">Dr. Ankita Agrawal</option>
								<option value="">jeni jack</option>
								<option value="">hit zala</option>
								<option value="">virendra vgf</option>
								
							</select>
						</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 date" 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="#" class="btn btn-secondary mr-2">Reset</a>
							<button type="submit" class="btn btn-primary">Search</button>
						</div>
					</form>
				</div>
				

			<div class="col-lg-9 table-responsive ">
			<table class="table table-striped table-bordered table-hover">
				<thead>
					<tr>
						<th width="5%">Sr. No.</th>
						<th width="5%" style="background-color: yellow;">Q Token No</th>
						<th width="5%" style="background-color: rgb(0, 13, 255);">Q Status</th>
						<th>MRD ID No.</th>
							<th>UHID No.</th>
							<th>Photo</th>

						<th>Patient</th>
						<th>ABHA Number</th>
						 	<th>Age</th>
							<th>M/F</th>
						<th>Address</th>
						<th>Contact</th>
						<th>Category</th>
						<th>Doctor</th>
						<th>Type/Design</th>
						<th>Status of Patient</th>
						<th>Date Of Registration</th>
						<th>Date of Admission</th>
						<th>Date of Discharge</th>
						<th>No of Ward</th>
						<th>Expenditure</th>
						<th class="text-nowrap">Date</th>
						<th class="text-nowrap">Priority</th>
						<th class="text-nowrap">Room No.</th>
                        <th class="text-nowrap">Time Slot</th>
                        <th class="text-nowrap">Hospital Consultation</th>
                        <th class="text-nowrap">Teleconsultation</th>
                        <th class="text-nowrap">Message</th>
                        <th class="text-nowrap">Verified</th>
						<th class="text-center">Actions</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="text-nowrap">1</td>
						<td class="text-nowrap">OPD-ENT-001</td>
						<td class="text-nowrap">Pending</td>
						<td class="text-nowrap">Jay Patel</td>
						<td class="text-nowrap">ABDM5789</td>
						<td class="text-nowrap">MRD65445</td>
						<td class="text-nowrap">7987979788</td>
						<td class="text-nowrap">Ahmedabad</td>
						<td class="text-nowrap">Ahmedabad</td>
						<td class="text-nowrap">jay@gmail.com</td>
						<td class="text-nowrap">MBBS</td>
						<td class="text-nowrap">Sanjay patel</td>
						<td class="text-nowrap">15/05/2023</td>
						<td class="text-nowrap">12:00 PM</td>
						<td class="text-nowrap">Civil Hospital</td>
						<td class="text-nowrap">practo</td>
						<td class="text-nowrap">normal</td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap"></td>
						<td class="text-nowrap">Yes/No</td>
						<td class="text-nowrap"><a href="#" class="btn btn-brand btn-bold" role="button">Modify Status</a></td>
					 </tr>
				</tbody>
			</table>
</div>
</div>

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

<form action="{{ path('abha_card') }}" id="new-abha" method="POST">
	<input type="hidden" name="type" id="abha_val" value>
	<input type="hidden" name="case_id" id="case_id" value>
</form>
{% endblock %}

{% block scripts %}
{{ parent() }}

{% if app.request.attributes.get('_route') in ['case_index', 'case_summary'] %}
	<script src="{{ asset('assets/js/admin_reports_filter.js') }}"></script>
	<script>
		$('.abha_click').on('click', function () {
			var url = $(this).attr('data');
			var case_id = $(this).attr('data-counter');

			Swal.fire({
				title: 'Do you have ABHA?',
				type: 'warning',
				allowOutsideClick: false,
				showCancelButton: true,
				confirmButtonColor: '#189f9f',
				cancelButtonColor: '#d33',
				confirmButtonText: 'Yes',
				cancelButtonText: 'No',
			}).then((result) => { //Yes
				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
							window.location = url;
						} else { //no
							//Todo : new patient reg link
							swal.close();
						}
					});
				} else { //No
					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) {
							$('#case_id').val(case_id);
							$('#abha_val').val('case_diagnose');
							$('#new-abha').submit();
							//window.location.href = "{{ path('abha_card') }}";
						} else {
							swal.close();
							//window.location.href = "{{ path('case_index') }}";
						}
					})
				}
			})
		});
	</script>
{% endif %}
{% endblock %}