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

{% block title %}Add Expert Opinion for {{ case.mrdId }}{% endblock %}

{% block content %}
	<div class="kt-subheader kt-grid__item"></div>

	{{ form_start(form, { 'attr': { 'class': 'kt-form' }}) }}
		<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">Add Expert Opinion for {{ case.mrdId }}</h3>
					</div>

					<div class="kt-portlet__head-toolbar">
						<div class="kt-portlet__head-wrapper">
							<a href="{{ path('case_index') }}" class="btn btn-clean btn-icon-sm mr-2"><i class="la la-long-arrow-left"></i>Back</a>
							<button class="btn btn-primary btn-bold">Submit</button>
						</div>
					</div>
				</div>

				<div class="kt-portlet__body">
					<div class="accordion accordion-toggle-arrow" id="case-details">
						<div class="card">
							<div class="card-header" id="patient-info-header">
								<div class="card-title collapsed" data-toggle="collapse" data-target="#patient-info" aria-expanded="true" aria-controls="patient-info">
									<i class="flaticon2-layers-1"></i>Patient Information
								</div>
							</div>

							<div id="patient-info" class="collapse" 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="doctor-info-header">
								<div class="card-title collapsed" data-toggle="collapse" data-target="#doctor-info" aria-expanded="true" aria-controls="doctor-info">
									<i class="fa fa-stethoscope fa-2x"></i>Clinical Examination and History
								</div>
							</div>

							<div id="doctor-info" class="collapse" aria-labelledby="doctor-info-label" data-parent="#case-details">
								<div class="card-body">
									<div class="row">
										<div class="col-xs-12 col-lg-6">
											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Patient Category</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.patientCategory }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Family History</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.familyHistory ? case.familyHistory : '&mdash;' }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Current Disease History</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.currentDiseaseHistory ? case.currentDiseaseHistory : '&mdash;' }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Medical History</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.medicalHistory ? case.medicalHistory : '&mdash;' }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Medicine History</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.medicineHistory ? case.medicineHistory : '&mdash;' }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Disease Category</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.diseaseCategory }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Symptoms</label>

												<div class="col-lg-9 col-xl-6">
													{{ symptoms }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Clinical Patterns</label>

												<div class="col-lg-9 col-xl-6">
													{{ clinical_patterns }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">General Examinations</label>

												<div class="col-lg-9 col-xl-6">
													{{ provisional_examinations }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Local Examination</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.localExamination }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Provisional Diagnosis</label>

												<div class="col-lg-9 col-xl-6">
													{{ provisional_diagnosis }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Major Cause group as per ICD 10</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.icd10CauseGroup }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Major Sub Cause group as per ICD 10</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.icd10CauseSubGroup }}
												</div>
											</div>
										</div>

										<div class="col-xs-12 col-lg-6">
											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Observation</label>

												<div class="col-lg-9 col-xl-6">
													<div class="form-group row">
														<label class="col-6 col-form-label">Temparature</label>

														<div class="col-6">
															{{ case.temparature }} &deg;F
														</div>
													</div>

													<div class="form-group row">
														<label class="col-6 col-form-label">CNS</label>

														<div class="col-6">
															{{ case.cns }}
														</div>
													</div>

													<div class="form-group row">
														<label class="col-6 col-form-label">Endrocine</label>

														<div class="col-6">
															{{ case.endrocine }}
														</div>
													</div>

													<div class="form-group row">
														<label class="col-6 col-form-label">Excretory</label>

														<div class="col-6">
															{{ case.excretory }}
														</div>
													</div>

													<div class="form-group row">
														<label class="col-6 col-form-label">Pulse</label>

														<div class="col-6">
															{{ case.pulse ? case.pulse ~ ' /min' : '' }}
														</div>
													</div>

													<div class="form-group row">
														<label class="col-6 col-form-label">BP</label>

														<div class="col-6">
															{{ case.bpUpper ~ ' ' ~ case.bpLower }}
														</div>
													</div>

													<div class="form-group row">
														<label class="col-6 col-form-label">Respiration</label>

														<div class="col-6">
															{{ case.respiration ? case.respiration ~ ' /min' : '' }}
														</div>
													</div>

													<div class="form-group row">
														<label class="col-6 col-form-label">Auscultation</label>

														<div class="col-6">
															{{ case.auscultation }}
														</div>
													</div>
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Laboratory Tests required</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.isLab ? 'Yes' : 'No' }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Medicines required</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.isMedicine ? 'Yes' : 'No' }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Confirmed Diagnosis as per ICD 10</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.icd10Disease }}
												</div>
											</div>

											<div class="form-group row">
												<label class="col-xl-3 col-lg-3 col-form-label font-weight-bold">Other Confirmed Diagnosis</label>

												<div class="col-lg-9 col-xl-6">
													{{ case.confirmedDiagnosis ? case.confirmedDiagnosis : '&mdash;' }}
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="card">
							<div class="card-header" id="lab-info-header">
								<div class="card-title collapsed" data-toggle="collapse" data-target="#lab-info" aria-expanded="false" aria-controls="lab-info">
									<i class="fa fa-microscope fa-2x"></i>Diagnostics
								</div>
							</div>

							<div id="lab-info" class="collapse" aria-labelledby="lab-info-label" data-parent="#case-details">
								<div class="card-body">
									<table class="table table-striped table-bordered">
										<thead>
											<tr>
			                  <th width="200">Test Name</th>
			                  <th>Method</th>
			                  <th>Normal Range</th>
			                  <th>Sample No.</th>
			                  <th width="400">Result</th>
			                  <th>Report File</th>
											</tr>
										</thead>
										<tbody>
											{% for test in case_tests %}
												<tr>
													<td>{{ test.name }}</td>
													<td>{{ test.method ? test.method : '&mdash;' }}</td>
													<td>{{ test.normal_range ? test.normal_range : '&mdash;' }}</td>
													<td>{{ test.number ? test.number : '&mdash;' }}</td>
													<td>{{ test.result|raw  }}</td>
													<td>
														{% if test.file_url %}
															<a href="{{ asset('uploads/radiology/report-' ~ case.id ~ '/' ~ test.file_url) }}" class="btn btn-primary" download>
																Downaload
															</a>
														{% else %}
													    &mdash;
														{% endif %}
													</td>
												</tr>
											{% else %}
												<td colspan="6" class="text-center">No records found</td>
											{% endfor %}
										</tbody>
									</table>
								</div>
							</div>
						</div>

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

							<div id="medicine-info" class="collapse" aria-labelledby="medicine-info-label" data-parent="#case-details">
								<div class="card-body">
									<dl>
										<dt>Confirmed Diagnosis</dt>
										<dd>
											{{ case.icd10Disease ? case.icd10Disease : '&mdash;' }}
										</dd>

										<dt>Supportive Advice</dt>
										<dd>
											{{ case.icd10Disease ? case.icd10Disease.supportiveAdvice : '&mdash;' }}
										</dd>

										<dt>Pharmaceutical Treatment</dt>
										<dd>
											{{ case.icd10Disease ? case.icd10Disease.pharmaTreatment : '&mdash;' }}
										</dd>
									</dl>

									<hr>

									<div class="form-group">
										<h5>Prescribed Medicines</h5>

										<table class="table table-striped table-bordered">
											<thead>
												<tr>
													<th>Type</th>
													<th>Medicine</th>
													<th>Dose</th>
													<th width="300">Freqency</th>
													<th>Days</th>
													<th>Patient Notes</th>
												</tr>
											</thead>
											<tbody>
												{% for medicine in case_medicines %}
													<tr>
														<td>{{ medicine.medicine_type }}</td>
														<td>{{ medicine.name }}</td>
														<td>{{ medicine.dose }}</td>
														<td>{{ medicine.frequency }}</td>
														<td>{{ medicine.num_days }}</td>
														<td>{{ medicine.patient_notes }}</td>
													</tr>
												{% else %}
												<tr>
													<td colspan="6" class="text-center">No records found</td>
												</tr>
												{% endfor %}
											</tbody>
										</table>
									</div>

									<div class="form-group">
										<div class="form-group form-group-last">
											<label>General Notes for Patient</label>
											<p>{{ case.pharmacyPatientNotes ? case.pharmacyPatientNotes : '&mdash;' }}</p>
										</div>
									</div>

									<div class="form-group">
										<div class="form-group form-group-last">
											<label>General Notes for Pharmacy Staff</label>
											<p>{{ case.pharmacyStaffNotes ? case.pharmacyStaffNotes : '&mdash;'}}</p>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="card">
							<div class="card-header" id="expert-opinion-header">
								<div class="card-title" data-toggle="collapse" data-target="#expert-opinion" aria-expanded="true" aria-controls="expert-opinion">
									<i class="flaticon2-layers-1 fa-2x"></i>Expert Opinion
								</div>
							</div>

							<div id="expert-opinion" class="collapse show" aria-labelledby="expert-opinion-label" data-parent="#case-details">
								<div class="card-body">
									{{ form_widget(form.expertOpinion, {'attr': { 'class': 'form-control opinion-box' }}) }}
									{{ form_errors(form.expertOpinion) }}
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	{{ form_end(form) }}
{% endblock %}

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

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

  <script>
    tinymce.init({
      selector: '.opinion-box',
			menubar: false,
			plugins: 'link image lists charmap print preview',
			toolbar_drawer: false,
			toolbar: [
				'styleselect fontselect fontsizeselect',
				'undo redo | cut copy paste | bold italic | alignleft aligncenter alignright alignjustify',
				'bullist numlist | outdent indent | subscript superscript | lists charmap | print preview'
			]
    });
  </script>
{% endblock %}