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

{% block title %}Scheduled Medicines for {{ schedule.case }} at {{ schedule }}{% endblock %}

{% block styles %}
	{{ parent() }}

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

		thead th { font-weight: bold !important; }
	</style>
{% endblock %}

{% block content %}
	<script>
		window.onload = function() {
			window.print();
		};
	</script>

	<div class="page-title">
		<h1 class="text-center py-4">Scheduled Medicines for {{ schedule.case }} at {{ schedule }}</h1>
	</div>

	<section>
		<h3>Case Information</h3>

		<table class="mb-2">
			<thead></thead>
			<tbody>
				<tr>
					<th>Case No.</th>
					<td>{{ schedule.case }}</td>
				</tr>
				<tr>
					<th>Bed No.</th>
					<td>{{ bed_num }}</td>
				</tr>
				<tr>
					<th>Patient</th>
					<td>{{ schedule.case.patient.firstName }} {{ schedule.case.patient.middleName }} {{ schedule.case.patient.lastName }}</td>
				</tr>
			</tbody>
		</table>

		<hr style="border-top: 1px solid #000">

		<h3>Prescribed Medicines</h3>

		<table class="mb-2">
			<thead>
				<tr>
					<th>Type</th>
					<th>Medicine</th>
					<th>Dose</th>
					<th width="10%">Freqency</th>
					<th>Days</th>
				</tr>
			</thead>
			<tbody>
				{% for medicine in medicines %}
					<tr>
						<td>{{ medicine.medicine_type }}</td>
						<td>{{ medicine.drug_name }}</td>
						<td>{{ medicine.dose }}</td>
						<td>{{ medicine.frequency }}</td>
						<td>{{ medicine.num_days }}</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>

		<hr style="border-top: 1px solid #000">

		<div class="row">
			<div class="col-3">Date: {{ "now"|date('d/m/Y g:i a') }}</div>
			<div class="col-6">Place:</div>
		</div>

		<div class="mt-5 text-right mr-5 pr-5">Sign</div>
	</section>
{% endblock %}