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

{% block title %}Community Resources
{% endblock %}

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

						{{ form_errors(form) }}
						<div class="row">
							<div class='col'>
								<div class='input-group input-group-outline mb-3'>
									<label for='rsc_form_name' class='form-label'>Name</label>
									<input type='text' name='{{ field_name(form.name) }}' id='rsc_form_name' class='form-control' required='required'/>
								</div>

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

								<div class='input-group input-group-outline mb-3'>
									<label for='rsc_form_address2' class='form-label'>Address 2</label>
									<input type='text' name='{{ field_name(form.address2) }}' id='rsc_form_address2' class='form-control'/>
								</div>

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

								<div class='input-group input-group-outline mb-3'>
									<label for='rsc_form_state'></label>
									<select id='rsc_form_state' name='{{ field_name(form.state) }}' class='form-control' required='required'>
										<option value=''>-- Select --</option>
										{% for s in enum('App\\Enums\\State').cases() %}
											<option value='{{ s.value }}'>{{ s.name }}</option>
										{% endfor %}
									</select>
								</div>

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

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

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

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

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

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

								<div class='input-group input-group-outline mb-3'>
									<label for='rsc_form_services' class='form-label'>Services Available</label>
									<input type='text' name='{{ field_name(form.servicesAvailable) }}' id='rsc_form_services' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									{{ form_row(form.type) }}
								</div>
							</div>
							<div class='col'>
								<div class='input-group input-group-outline mb-3'>
									<span>Sunday</span>
									<label for='rsc_form_sunOpen'></label>
									<input type='time' name='{{ field_name(form.sunOpen) }}' id='rsc_form_sunOpen' class='form-control'/>
									<label for='rsc_form_sunClose'></label>
									<input type='time' name='{{ field_name(form.sunClose) }}' id='rsc_form_sunClose' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<span>Monday</span>
									<label for='rsc_form_monOpen'></label>
									<input type='time' name='{{ field_name(form.monOpen) }}' id='rsc_form_monOpen' class='form-control'/>
									<label for='rsc_form_monClose'></label>
									<input type='time' name='{{ field_name(form.monClose) }}' id='rsc_form_monClose' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<span>Tuesday</span>
									<label for='rsc_form_tueOpen'></label>
									<input type='time' name='{{ field_name(form.tueOpen) }}' id='rsc_form_tueOpen' class='form-control'/>
									<label for='rsc_form_tueClose'></label>
									<input type='time' name='{{ field_name(form.tueClose) }}' id='rsc_form_tueClose' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<span>Wednesday</span>
									<label for='rsc_form_wedOpen'></label>
									<input type='time' name='{{ field_name(form.wedOpen) }}' id='rsc_form_wedOpen' class='form-control'/>
									<label for='rsc_form_wedClose'></label>
									<input type='time' name='{{ field_name(form.wedClose) }}' id='rsc_form_wedClose' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<span>Thursday</span>
									<label for='rsc_form_thuOpen'></label>
									<input type='time' name='{{ field_name(form.thuOpen) }}' id='rsc_form_thuOpen' class='form-control'/>
									<label for='rsc_form_thuClose'></label>
									<input type='time' name='{{ field_name(form.thuClose) }}' id='rsc_form_thuClose' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<span>Friday</span>
									<label for='rsc_form_friOpen'></label>
									<input type='time' name='{{ field_name(form.friOpen) }}' id='rsc_form_friOpen' class='form-control'/>
									<label for='rsc_form_friClose'></label>
									<input type='time' name='{{ field_name(form.friClose) }}' id='rsc_form_friClose' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<span>Saturday</span>
									<label for='rsc_form_satOpen'></label>
									<input type='time' name='{{ field_name(form.satOpen) }}' id='rsc_form_satOpen' class='form-control'/>
									<label for='rsc_form_satClose'></label>
									<input type='time' name='{{ field_name(form.satClose) }}' id='rsc_form_satClose' class='form-control'/>
								</div>

								<div class='input-group input-group-outline mb-3'>
									<textarea name='{{ field_name(form.notes) }}' id='rsc_form_notes' style='width:100%;height:150px;' placeholder='Notes'></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 Resource</button>
							</div>
						</div>
						{{ form_end(form) }}
					</div>
				</div>
			</div>
		</section>
	</main>
{% endblock %}