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

{% block title %}Add Radiology Report Details{% 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 Radiology Report Details</h3>
				</div>

				<div class="kt-portlet__head-toolbar">
					<div class="kt-portlet__head-wrapper">
						<a href="{{ path('case_rad_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" data-toggle="collapse" data-target="#patient-info" aria-expanded="true" aria-controls="patient-info">
								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="test-to-do-header">
							<div class="card-title collapsed" data-toggle="collapse" data-target="#tests-to-do-info" aria-expanded="true" aria-controls="tests-to-do-info">
								Tests to be done
							</div>
						</div>

						<div id="tests-to-do-info" class="show" aria-labelledby="tests-to-do-label" data-parent="#case-details">
							<div class="card-body">
								<form id="case_lab_test_form" class="kt-form" method="post" enctype="multipart/form-data">
									<div class="kt-portlet__body">
										<table class="table table-striped table-bordered table-hover table-checkable">
											<thead>
												<tr>
													<th width="50">
														<label class="kt-checkbox kt-checkbox--single kt-checkbox--bold kt-checkbox--brand">
															<input id="header_checkbox" type="checkbox" value="" class="kt-group-checkable">
															<span></span>
														</label>
													</th>
													<th>Test Name</th>
													<th>Instructions</th>
													<th>Test Document</th>
													<th width="500">Result</th>
												</tr>
											</thead>
											<tbody>
												{% for test in tests %}
													<tr>
														<td>
															<label class="kt-checkbox kt-checkbox--single kt-checkbox--bold kt-checkbox--brand">
																<input type="checkbox" name="test[confirm][{{ test.id }}]" value="{{ test.id }}" class="kt-group-checkable test-ids">
																<span></span>
															</label>
														</td>
														<td>{{ test.name }}</td>
														<td>{{ test.instruct }}</td>
														<td>
															<input type="file" name="test[file][{{ test.id }}]" placeholder="Select Report Document" class="form-control-file">
															<span class="form-text text-muted">Supported files: PDF, DOC,DOCX</span>
														</td>
														<td>
															<textarea class="form-control" name="test[result][{{ test.id }}]" rows="3" cols="30"></textarea>
														</td>
													</tr>
												{% endfor %}
											</tbody>
										</table>
									</div>

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

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

	<script>
		$('#header_checkbox').on('click', function() {
			$('.test-ids:not(:disabled)').prop('checked', $(this).prop('checked'));
		});
	</script>
{% endblock %}