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

{% block title %}ECG Patient Pending List{% endblock %}

{% block styles %}
	{# {# {% if action_type == 'print' %} #}
		{# {{ parent() }} #}

		<style>
			@media print {
				@page {
					size: A4 landscape;
					/*size: A4 portrait;*/
				}
			}

			thead th { font-weight: bold !important; }
			table { border: 1px;}
			table tr td{ border: 1px solid #000; border-collapse: collapse;}
			table {
				width: 100%;
				border-collapse: collapse;
				
			}
	
			th, td {
				border: 1px solid #000;
				padding: 2px;
				text-align: left;
				font-size: 8px;
			}
	
			th {
				background-color: #f2f2f2;
			}
	
			tr:nth-child(even) {
				background-color: #f9f9f9;
			}

		</style>
	{# {% endif %} #}
{% endblock %}

{% block content %}
	 {# {% if action_type == 'print' %}
		<script>
			window.onload = function() {
				window.print();
			};
		</script>
	{% endif %} #}

	<div class="page-title">
		<h1 class="py-4" style="text-align: center;">Patient ECG Pending List</h1>
	</div>
	<div class="kt-portlet__body">
		{% include 'parts/flash.html.twig' %}

		<div class="table-responsive">
		<table class="table table-striped table-bordered table-hover">
			<thead>
				<tr>
					<th>Sr. No.</th>
					<th>MRD ID No.</th>
					<th>Patient</th>
					<th>Mobile No</th>
					<th>Doctor</th>
					<th>Type/Design</th>
					<th>Date Of Registration</th>>
				</tr>
			</thead>
			<tbody>
				{% for caseLab in caselabs %}
					<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>
						
					</tr>
				{% else %}
					<tr>
						<td colspan="10" class="text-center">No records found</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
		</div>
	</div>
	
{% endblock %}