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

{% block title %}Q Management {% endblock %}

{% block styles %}
<link href="{{ asset('assets/plugins/custom/datatables/dataTables.min.css') }}" rel="stylesheet">

{{ parent() }}
{% 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">Q Management </h3>
			</div>

			{% if is_granted('ROLE_HOSP_ADMIN') or is_granted('ROLE_DOC') or is_granted('ROLE_CHO') or
			is_granted('ROLE_DENT') or is_granted('ROLE_RECEP') %}
			<div class="kt-portlet__head-toolbar">
				<div class="kt-portlet__head-wrapper">
					
                    <a href="{{ path('app_que_management_new') }}" class="btn btn-brand btn-bold">Add Patient Q</a>
					
				</div>
			</div>
			{% endif %}
		</div>

		<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 OPD/IPD/OT/Radiology/ICU</label>
							<select name="department" class="form-control">
								<option value="">Select</option>
								<option value="">General </option>
								<option value="">Medicine </option>
								<option value="">Pediatric </option>
								
							</select>
						</div>
						
						<div class="form-group">
							<label class="col-form-label font-weight-bold">Select Department</label>
							<select name="OPD/IPD/OT/Radiology/" 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 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>Sr. No</th>
                        <th>Patient Name</th>
                        <th>MRD ID No</th>
                        <th>UHID No.	</th>
                        <th>ABHA Number</th>
                        <th>Age</th>
                        <th>M/F	</th>
                        <th>Mobile No</th>
                        <th>Address</th>
                        <th>Alternate Address</th>
                        <th>Email</th>
                        <th>Department</th>
                        <th>Sub Department</th>
                        <th>Token No</th>
                        <th>Doctor Type</th>
                        <th>Doctor Name</th>
                        <th>Case Priority</th>
                        <th>Status of Patient</th>
                        <th>Date Of Registration</th>
                        <th>No of Ward</th>
                        <th>Expenditure</th>
                        <th>Hospital Consultation</th>
                        <th>Room No</th>
                        <th>Time Slot</th>
                        <th>Actions</th>
                    </tr>
				</thead>
				<tbody>
                    {% for que_management in que_managements %}
                    <tr>
                        <td>{{ que_management.id }}</td>
                        <td>{{ que_management.patient.name }}</td>
                        {# <td>{{ que_management.patient.gender }}</td>
                        <td>{{ que_management.patient.email }}</td>
                        <td>{{ que_management.patient.mobile }}</td>
                        <td>{{ que_management.patient.uh_id }}</td>
                        <td>{{ que_management.patient.adhar_num }}</td> #}
                        <td>{{ que_management.tokenNo }}</td>
                        <td>{{ que_management.doctorType }}</td>
                        <td>{{ que_management.doctorName }}</td>
                        <td>{{ que_management.casePriority }}</td>
                        <td></td>

                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>{{ que_management.roomNo }}</td>
                        <td>{{ que_management.createdAt|date('d/m/Y g:i a') }}</td>
                        <td>{{ que_management.date ? que_management.date|date('H:i:s') : '' }}</td>
                        <td>
                           
                            <a href="{{ path('app_que_management_edit', {'id': que_management.id | nzo_encrypt}) }}" class="actions" data-toggle="kt-tooltip" title="Edit">
                                <i class="fa far fa-edit fa-2x mr-3"></i>
                            </a>
                            <a href="{{ path('app_que_management_delete', {'id': que_management.id | nzo_encrypt}) }}" class="actions" data-toggle="kt-tooltip" title="Delete" onclick="return confirm('Are you sure?');">
                                <i class="fa far fa-trash fa-2x kt-font-danger"></i>
                            </a>
                           
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="16">no records found</td>
                    </tr>
                {% endfor %}
				</tbody>
			</table>

		    </div>
		    </div>
		</div>
	</div>
</div>
{% endblock %}

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

<script src="{{ asset('assets/plugins/custom/datatables/datatables.min.js') }}"></script>

{# <script>
	$('#pateint-list').DataTable({
		language: {
			paginate: {
				next: '<i class="la la-angle-right">',
				previous: '<i class="la la-angle-left">'
			}
		},
		"language": {
			"emptyTable": "No records found"
		},
		'ordering': false,
		'iDisplayLength': 10
	});
</script> #}
{% endblock %}