{% 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>
				</div>
			</div>
		</div>

		<form class="kt-form" method="POST">
			<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="patient-info-label"
							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">
								<div class="table-responsive">
									<table class="table table-striped table-bordered table-hover table-checkable">
										<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>
													{% if medicine.hasStock == false %}
													<div class="kt-radio-list">
														<label class="kt-radio kt-radio--bold kt-radio--brand">
															<input required="required" type="radio"
																name="medicineStatus[{{ medicine.id }}]"
																value="1">Provided
															<span></span>
														</label>
														<label class="kt-radio kt-radio--bold kt-radio--brand">
															<input required="required" type="radio"
																name="medicineStatus[{{ medicine.id }}]" value="0">Out
															of Stock
															<span></span>
														</label>
													</div>
													{% else %}
													<div class="kt-radio-list">
														<label class="kt-radio--brand">
															Provided
															<span></span>
														</label>
													</div>
													{% endif %}
												</td>
												<td>{{ medicine.medicineType }}</td>
												<td>{{ medicine.medicine }}</td>
												<td>{{ medicine.dose }}</td>
												<td>{{ medicine.frequency }}</td>
												<td class="text-nowrap">{{ 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>
								</div>
								<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="ward-medicine-header">
							<div class="card-title" data-toggle="collapse" data-target="#ward-medicine-info"
								aria-expanded="false" aria-controls="ward-medicine-info">
								<i class="fa fa-procedures fa-2x"></i>Medicines for Ward
							</div>
						</div>

						<div id="ward-medicine-info" class="show" aria-labelledby="prescript-label"
							data-parent="#case-details">
							<div class="card-body">
								<div class="table-responsive">
									<table class="table table-striped table-bordered table-hover table-checkable">
										<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>
													{% if wardMedicine.hasStock == false %}
													<div class="kt-radio-list">
														<label class="kt-radio kt-radio--bold kt-radio--brand">
															<input required="required" type="radio"
																name="wardMedicineStatus[{{ wardMedicine.id }}]"
																value="1">Provided
															<span></span>
														</label>
														<label class="kt-radio kt-radio--bold kt-radio--brand">
															<input required="required" type="radio"
																name="wardMedicineStatus[{{ wardMedicine.id }}]" value="0">Out
															of Stock
															<span></span>
														</label>
													</div>
													{% else %}
													<div class="kt-radio-list">
														<label class="kt-radio--brand">
															Provided
															<span></span>
														</label>
													</div>
													{% endif %}
												</td>
												<td>{{ wardMedicine.medicineType }}</td>
												<td>{{ wardMedicine.medicine }}</td>
												<td>{{ wardMedicine.dose }}</td>
												<td>{{ wardMedicine.frequency }}</td>
												<td class="text-nowrap">{{ 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>
								</div>
								<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">
					<button id="give_medicines" type="submit" class="btn btn-brand">Submit</button>
				</div>
			</div>
		</form>
	</div>
</div>
{% endblock %}