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

{% block title %}Intouch - {{ navtitle }} {% endblock %}

{% block body %}
		<style>
		.btn {
			border-radius: 0 !important;
		}
		</style>
<div id="colorlib-contact">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-md-push-8 animate-box">
						<h2>Contact Information</h2>
						<div class="row">
							<div class="col-md-12">
								<div class="contact-info-wrap-flex">
									<div class="con-info">
										<p><span><i class="icon-paperplane"></i></span> <a href="mailto:info@intouchfoundation.co.uk">info@intouchfoundation.co.uk</a></p>
									</div>
									<div class="con-info">
										<p><span><i class="icon-globe"></i></span> <a href="/">https://www.intouchfoundation.co.uk/</a></p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-8 col-md-pull-4 animate-box">
						<h2>Get In Touch</h2>

			{{ form_start(form) }}
				<div class="row form-group">
					<div class="col-md-6">
						<p>First Name</p>
						{{ form_widget(form.firstname) }}
					</div>
					<div class="col-md-6">
					<p>Last Name</p>
					{{ form_widget(form.lastname) }}
					</div>
				</div>

				<div class="row form-group">
					<div class="col-md-12">
						<p> Email Address </p>
						{{ form_widget(form.email) }}
					</div>
				</div>


				<div class="row form-group">
					<div class="col-md-12">
					<p>Description</p>
						{{ form_widget(form.description) }}
					</div>
				</div>

			{{ form_end(form) }}	
			



				</div>
			</div>
		</div>


			
		<div id="map" class="colorlib-map"></div>

	    <script>
        $(document).ready(function() {
            $('.dob-field').datepicker();
        });
    	</script>

{% endblock %}