{% 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">
						{{ form_errors(form) }}

						{{ form_start(form) }}
						<div class="row">
							<div class='col'>
                                <div class='input-group input-group-outline mb-3'>
                                    <label for='note_form_date'></label>
                                    <input type='date' name='{{ field_name(form.date) }}' id='note_form_date' class='form-control'/>
                                </div>

                                <div class='input-group input-group-outline mb-3'>
                                    {{ form_row(form.servicesProvided) }}
                                </div>

                                <div class='input-group input-group-outline mb-3'>
                                    <label for='note_form_recommendation' class='form-label'>Recommendation</label>
                                    <input type='text' name='{{ field_name(form.recommendations) }}' id='note_form_recommendation' class='form-control'/>
                                </div>
                            </div>

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

						<div class='row'>
							<div class="text-center">
								<button type="submit" class="btn btn-lg bg-gradient-dark btn-lg w-100 mt-4 mb-0">Save Staff Note</button>
							</div>
						</div>
                        {{ form_end(form) }}
                    </div>
                </div>
            </div>
        </section>
    </main>
{% endblock %}