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

{% block body %}
	{{ block('nav', 'internal/libs/nav.html.twig') }}

	<main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
		{{ block('topnav', 'internal/libs/top-nav.html.twig') }}

		<section>

			<div class="card card-plain">
				<div class="card-header">
					<h4 class="font-weight-bolder">Case Info</h4>
					<p class="mb-0"></p>
				</div>
				<div class="card-body">
					<div class="container">
						<div class="row">
							<div class='col'>
								<div>
									<div>Supervisor:
										{{ note.supervisorSignDateTime|date("F j, Y h:i a") }}</div>
									<div>Case Worker:
										{% if note.workerSignDatetime %}
											{{ note.workerSignDatetime|date("F j, Y h:i a") }}{% else %}Unsigned
										{% endif %}
									</div>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='note_form_date'></label>
									<input type='date' name='date' id='note_form_date' value='{{ note.date|date("Y-m-d") }}' disabled="disabled" class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3 is-filled'>
									<label for='note_form_recommendation' class='form-label'>Recommendations</label>
									<input type='text' name='recommendation' id='note_form_recommendation' value='{{ note.recommendations }}' disabled='disabled' class='form-control'/>
								</div>
							</div>

							<div class='col'>
								<div class='input-group input-group-outline mb-3'>
									<textarea name='note' disabled='disabled' id='note_form_note' class='form-control' style='width:100%;height:250px;'>{{ note.note }}</textarea>
								</div>
							</div>
						</div>

						<div class='row'>
							<div class="text-center">
								<button type="button" class="btn btn-lg bg-gradient-dark btn-lg w-100 mt-4 mb-0" onclick="history.go(-1)">Back</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</main>
{% endblock %}