{% 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">Add Case Member</h4>
					<p class="mb-0">{{ case.caseName }}</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='member_form_lastName' class='form-label'>Last Name</label>
									<input type='text' name='{{ field_name(form.lastName) }}' id='member_form_lastName' class='form-control' required='required'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_firstName' class='form-label'>First Name</label>
									<input type='text' name='{{ field_name(form.firstName) }}' id='member_form_firstName' class='form-control' required='required'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_personalId' class='form-label'>ID</label>
									<input type='text' name='{{ field_name(form.personalId) }}' id='member_form_personalId' class='form-control' required="required"/>
								</div>

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

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_emergencyContact' class='form-label'>Emergency Contact</label>
									<input type='text' name='{{ field_name(form.emergencyContact) }}' id='member_form_emergencyContact' class='form-control'/>
								</div>

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

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_dayPhone' class='form-label'>Day Phone</label>
									<input type='text' name='{{ field_name(form.dayPhone) }}' id='member_form_dayPhone' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_eveningPhone' class='form-label'>Evening Phone</label>
									<input type='text' name='{{ field_name(form.eveningPhone) }}' id='member_form_eveningPhone' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_cellPhone' class='form-label'>Cell Phone</label>
									<input type='text' name='{{ field_name(form.cellPhone) }}' id='member_form_cellPhone' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_email' class='form-label'>Email</label>
									<input type='email' name='{{ field_name(form.email) }}' id='member_form_email' class='form-control'/>
								</div>

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

								<div class='input-group input-group-outline mb-3'>
									{% for d in docs %}
										<span class='check'>
											<input type='checkbox' name='{{ field_name(form.docs) }}[]' id='{{ d.title|lower|replace({' ': '-'}) }}' value='{{ d.id }}'/>
											<label for='{{ d.title|lower|replace({' ': '-'}) }}'>{{ d.title }}</label>
										</span>
									{% endfor %}
								</div>
							</div>
							<div class='col'>
								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_address' class='form-label'>Address</label>
									<input type='text' name='{{ field_name(form.address) }}' id='member_form_address' class='form-control'/>
								</div>

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

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

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

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_maritalStatus' class='form-label'>Marital Status</label>
									<input type='text' name='{{ field_name(form.maritalStatus) }}' id='member_form_maritalStatus' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_relationship' class='form-label'>Relationship</label>
									<select name="{{ field_name(form.relationship) }}" id='member_form_relationship' class='form-control' required="required">
										<option value=''></option>

										{% for rel in enum('App\\Enums\\RelationshipType').cases() %}
											<option value='{{ rel.value }}'>{{ rel.name }}</option>
										{% endfor %}
									</select>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_genderType' class='form-label'>Gender Type</label>
									<select name="{{ field_name(form.gender) }}" id='member_form_gender' class='form-control' required="required">
										<option value=''></option>

										{% for gen in enum('App\\Enums\\GenderType').cases() %}
											<option value='{{ gen.value }}'>{{ gen.name }}</option>
										{% endfor %}
									</select>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<label for='member_form_race' class='form-label'>Race</label>
									<select name="{{ field_name(form.race) }}" id='member_form_race' class='form-control'>
										<option value=''></option>

										{% for r in enum('App\\Enums\\RaceType').cases() %}
											<option value='{{ r.value }}'>{{ r.name }}</option>
										{% endfor %}
									</select>
								</div>

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

								<div class='input-group input-group-outline mb-3'>
									<input type='checkbox' name='{{ field_name(form.isChild) }}' id='member_form_isChild'/>&nbsp;&nbsp;
									<label for='member_form_isChild'>Child?</label>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<input type='checkbox' name='{{ field_name(form.isParent) }}' id='member_form_isParent'/>&nbsp;&nbsp;
									<label for='member_form_isParent'>Parent?</label>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<input type='checkbox' name='{{ field_name(form.isAdultChild) }}' id='member_form_isAdultChild'/>&nbsp;&nbsp;
									<label for='member_form_isAdultChild'>Adult Child?</label>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<input type='checkbox' name='{{ field_name(form.isLegalGuardian) }}' id='member_form_isLegalGuardian'/>&nbsp;&nbsp;
									<label for='member_form_isLegalGuardian'>Legal Guardian?</label>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<input type='checkbox' name='{{ field_name(form.parentsLiveTogether) }}' id='member_form_parentsLiveTogether'/>&nbsp;&nbsp;
									<label for='member_form_parentsLiveTogether'>Parents Living Together?</label>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<input type='checkbox' name='{{ field_name(form.dcsApproved) }}' id='member_form_dcsApproved'/>&nbsp;&nbsp;
									<label for='member_form_dcsApproved'>DCS Approved?</label>
								</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 Member</button>
							</div>
						</div>
						{{ form_end(form) }}
					</div>
				</div>
			</div>
		</section>
	</main>
{% endblock %}
