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

{% block title %}Add Test Result{% 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">Add Test Result</h3>
			</div>

			<div class="kt-portlet__head-toolbar">
				<div class="kt-portlet__head-wrapper">
					<a href="{{ path('case_lab_test') }}" class="btn btn-clean btn-icon-sm"><i
							class="la la-long-arrow-left"></i>Back</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 collapsed" data-toggle="collapse" data-target="#patient-info"
							aria-expanded="true" aria-controls="patient-info">
							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':
							patient.id})) }}
						</div>
					</div>
				</div>

				<div class="card">
					<div class="card-header" id="collected-samples-header">
						<div class="card-title" data-toggle="collapse" data-target="#collected-samples"
							aria-expanded="true" aria-controls="collected-samples">
							Collected Samples
						</div>
					</div>

					<div id="collected-samples" class="show" aria-labelledby="collected-samples-label"
						data-parent="#case-details">
						<div class="card-body">
							<form id="test-result-form" class="kt-form" method="post">
								<div class="kt-portlet__body">
									<table class="table table-striped table-bordered table-hover table-checkable">
										<thead>
											<tr>
												<th width="2%" class="align-middle">
													<label
														class="kt-checkbox kt-checkbox--single kt-checkbox--bold kt-checkbox--brand">
														<input id="header-checkbox" type="checkbox"
															class="kt-group-checkable">
														<span></span>
													</label>
												</th>
												<th class="text-nowrap">Test Name</th>
												<th>Method</th>
												<th class="text-nowrap">Sample Type</th>
												<th class="text-nowrap">Sample No.</th>
												<th width="20%">Result</th>
												<th class="text-nowrap">Normal Range</th>
											</tr>
										</thead>
										<tbody>
											{% for test in tests %}
											<tr>
												<td>
													<label
														class="kt-checkbox kt-checkbox--single kt-checkbox--bold kt-checkbox--brand">
														<input data-check-report="check-report{{ loop.index }}"
															type="checkbox" name="confirm_results[]"
															value="{{ loop.index }}" class="kt-group-checkable" {{
															(test.result) ? ' checked disabled' : '' }}>
														<span></span>
													</label>

													{% if not test.result %}
													<input type="hidden" name="tests[{{ loop.index }}]"
														value="{{ test.id }}">
													{% endif %}
												</td>
												<td>{{ test.test_name }}</td>
												<td>
													{% if test.methods %}
													<div class="form-group">
														<div class="kt-radio-list">
															{% for method in test.methods %}
															<label class="kt-radio kt-radio--bold kt-radio--brand">
																<input type="radio"
																	data-loop-index="{{ loop.parent.loop.index }}"
																	class="pre-defined-methods" value="{{ method.id }}"
																	name="methods[{{ loop.parent.loop.index }}]" {{
																	(method.id==test.method_id) ? ' checked' : '' }}>{{
																method.name }}
																<span></span>
															</label>
															{% endfor %}
														</div>
													</div>
													{% else %}
													&mdash;
													{% endif %}

													{% if not test.result %}
													<hr>
													<label>Add Other Methods</label>

													<div class="input-group">
														<input type="text" id="other_methods_{{ loop.index }}"
															name="other_methods[{{ loop.index }}]" class="form-control"
															placeholder="Method Name">

														<div class="input-group-append">
															<a href="javascript:void(0);"
																class="btn btn-primary add-other-test"
																data-read-target="other_methods_{{ loop.index }}">Add</a>
														</div>
													</div>

													<div class="kt-radio-list other-methods kt-margin-t-10 other_methods_{{ loop.index }}"
														data-loop-index="{{loop.index}}"></div>
													{% endif %}
												</td>
												<td>{{ (test.type) ? test.type : '&mdash;' }}</td>
												<td class="text-right">{{ (test.number) ? test.number : '&mdash;' }}
												</td>
												<td>
													{% if test.result %}
													{{ test.result }}
													{% else %}
													<input class="form-control result-box"
														data-loop-index="{{ loop.index }}"
														name="results[{{ loop.index }}]" type="text"
														value="{{ test.result }}" placeholder="Test Result">
													{% endif %}
												</td>
												<td>
													{% if test.normal_range %}
													<ul>
														{% for range in test.normal_range|split(',') %}
														<li>{{ range }}</li>
														{% endfor %}
													</ul>
													{% else %}
													&mdash;
													{% endif %}
												</td>
											</tr>
											{% else %}
											<td colspan="7" class="text-center">No records found.</td>
											{% endfor %}
										</tbody>
									</table>
								</div>

								<div class="kt-portlet__foot">
									<div class="kt-form__actions text-right">
										{% if tests %}
										<input type="submit" class="btn btn-brand">
										{% endif %}
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %}

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

<script src="{{ asset('assets/js/lab_add_result.js') }}"></script>
{% endblock %}