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

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

				<div class="kt-portlet__head-toolbar">
					<div class="kt-portlet__head-wrapper">
						<a href="{{ path(back_route) }}" 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': lab_case[0].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">
									<table class="table table-striped table-bordered 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 lab_case %}
												<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' : '' }}{{ (test.result) ? ' disabled' : '' }}>{{ 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>
														<input class="form-control result-box" data-loop-index="{{ loop.index }}" name="results[{{ loop.index }}]" type="text" value="{{ test.result }}" placeholder="Test Result"{{ (test.result) ? ' disabled' : '' }}>
													</td>
													<td>
														<ul>
															{% for range in test.normal_range|split(',') %}
																<li class="text-nowrap">{{ range }}</li>
															{% else %}
																<li>&mdash;</li>
															{% endfor %}
														</ul>
													</td>
												</tr>
											{% else %}
												<tr>
													<td colspan="7" class="text-center">No records found.</td>
												</tr>
											{% endfor %}
										</tbody>
									</table>

									<div class="kt-portlet__foot">
										<div class="kt-form__actions text-right">
											{% if lab_case %}
												<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 %}