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

{% block title %}Medicine details of {{ case.mrdId }}{% 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">Medicine details of {{ case.mrdId }}</h3>
				</div>

				<div class="kt-portlet__head-toolbar">
					<div class="kt-portlet__head-wrapper">
						<a href="{{ path('pharmacy_index') }}" class="btn btn-clean btn-icon-sm"><i class="la la-long-arrow-left"></i>Back</a>
						<a href="{{ path('pharma_consent', {'id': case.id | nzo_encrypt}) }}" class="btn btn-brand btn-bold ml-2" target="_blank">Other Hospital History</a>
					</div>
				</div>
			</div>

			<div class="kt-portlet__body">
				{% include 'parts/flash.html.twig' %}

				<div class="accordion accordion-toggle-arrow" id="case-details">
					<div class="card">
						<div class="card-header" id="patient-info-header">
							<div class="card-title" data-toggle="collapse" data-target="#patient-info" aria-expanded="true" aria-controls="patient-info">
								<i class="fa fa-user-injured fa-2x"></i>Patient Information
							</div>
						</div>

						<div id="patient-info" class="show" aria-labelledby="headingOne" data-parent="#case-details">
							<div class="card-body">
								{{ render(controller('App\\Controller\\PatientController::personalInfo',{'id': case.patient.id })) }}
							</div>
						</div>
					</div>

					<div class="card">
						<div class="card-header" id="conf-diag-header">
							<div class="card-title" data-toggle="collapse" data-target="#confirmed-diagnosis" aria-expanded="false" aria-controls="confirmed-diagnosis">
								<i class="fa fa-stethoscope fa-2x"></i>Confirmed Diagnosis
							</div>
						</div>

						{% include 'case_medicine/_confirm_diagnosis.html.twig' %}
					</div>

					<div class="card">
						<div class="card-header" id="prescript-heading">
							<div class="card-title" data-toggle="collapse" data-target="#prescript-details" aria-expanded="false" aria-controls="prescript-details">
								<i class="fa fa-prescription fa-2x"></i>Prescription
							</div>
						</div>

						<div id="prescript-details" class="show" aria-labelledby="prescript-label" data-parent="#case-details">
							<div class="card-body">
								<table class="table table-striped table-bordered">
									<thead>
										<tr>
											<th>Status</th>
											<th>Type</th>
											<th>Medicine</th>
											<th>Dose</th>
											<th>Frequency</th>
											<th>Days</th>
											<th width="25%">Patient Notes</th>
										</tr>
									</thead>
									<tbody>
										{% for medicine in medicines %}
											<tr>
												<td>{{ medicine.hasStock ? 'Provided' : 'Out of Stock' }}</td>
												<td>{{ medicine.medicineType }}</td>
												<td>{{ medicine.medicine }}</td>
												<td>{{ medicine.dose }}</td>
												<td>{{ medicine.frequency }}</td>
												<td>{{ medicine.numDays }}</td>
												<td>{{ medicine.notes ? medicine.notes : '&mdash;' }}</td>
											</tr>
										{% else %}
											<td colspan="7" class="text-center">No records found</td>
										{% endfor %}
									</tbody>
								</table>

								<hr>

								<dl class="row">
									<dt class="col-2">Staff Notes</dt>
									<dd>{{ case.pharmacyStaffNotes ? case.pharmacyStaffNotes : '&mdash;' }}</dd>
								</dl>

								<dl class="row">
									<dt class="col-2">Patient Notes</dt>
									<dd>{{ case.pharmacyPatientNotes ? case.pharmacyPatientNotes : '&mdash;' }}</dd>
								</dl>
							</div>
						</div>
					</div>
					<div class="card">
						<div class="card-header" id="prescript-heading">
							<div class="card-title" data-toggle="collapse" data-target="#prescript-details" aria-expanded="false" aria-controls="prescript-details">
								<i class="fa fa-procedures fa-2x"></i>Medicines for Ward
							</div>
						</div>

						<div id="prescript-details" class="show" aria-labelledby="prescript-label" data-parent="#case-details">
							<div class="card-body">
								<table class="table table-striped table-bordered">
									<thead>
										<tr>
											<th>Status</th>
											<th>Type</th>
											<th>Medicine</th>
											<th>Dose</th>
											<th>Frequency</th>
											<th>Days</th>
											<th width="25%">Patient Notes</th>
										</tr>
									</thead>
									<tbody>
										{% for wardMedicine in wardMedicines %}
											<tr>
												<td>{{ wardMedicine.hasStock ? 'Provided' : 'Out of Stock' }}</td>
												<td>{{ wardMedicine.medicineType }}</td>
												<td>{{ wardMedicine.medicine }}</td>
												<td>{{ wardMedicine.dose }}</td>
												<td>{{ wardMedicine.frequency }}</td>
												<td>{{ wardMedicine.numDays }}</td>
												<td>{{ wardMedicine.notes ? wardMedicine.notes : '&mdash;' }}</td>
											</tr>
										{% else %}
											<td colspan="7" class="text-center">No records found</td>
										{% endfor %}
									</tbody>
								</table>

								<hr>

								<dl class="row">
									<dt class="col-2">Ward Staff Notes</dt>
									<dd>{{ case.pharmacyStaffNotes ? case.pharmacyStaffNotes : '&mdash;' }}</dd>
								</dl>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="kt-portlet__foot">
				<div class="kt-form__actions text-right">
					<a href="{{ path('pharmacy_print_medicine', {'id': case.id | nzo_encrypt}) }}" role="button" class="btn btn-brand" target="_blank">Print</a>
				</div>
			</div>
		</div>
	</div>
{% endblock %}