{% extends '@Flexy/FrontBundle/Themes/' ~ settings.get.assetFolderName|capitalize ~ '/templates/layout.html.twig' %}

{% form_theme form 'bootstrap_4_layout.html.twig' %}


{% block body %}

		<div id="subtitle-wrapper" class=" lazyloaded background-slider" >
		<div class="subtitle-wrapper-img lazyloaded" style="background:#00000080;">
			<div class="container container-fluid-xl">
				
				<h1 class="subtitle__title">Envoyer votre demande</h1>
			</div>
			
		</div>
	</div>

	<div class="container p-lg-5 pt-5 pb-5">



			<div class="row">
                
				
				<div class="col-lg-8 offset-lg-2 col-12 col-md-12 text-justify">

				<p> Votre accompagnement sur-mesure avec atafrance.com. Merci de compléter le formulaire, nous vous répondons dans un délai de 24h maximum</p>
					{{form_start(form,{"attr":{"data-turbo":"false"}} ) }}
					
					
					

					<div class="row mt-4" >
					{% for singleField in form.children %}
							{% if singleField.vars.id == "request_mission_message" %}
						<div class="col-12" >
							

							<h4 class="mt-4">Votre demande</h4>
							<p>
								Merci de nous donner toutes les informations pour vous apporter une réponse ciblée et précise (lieu de prise en charge, de dépose, dates, heures, nbre de passagers, calendrier de transport si régulier, etc…)
							</p>
							
							{{form_row(singleField)}}
						</div>
						{% else %}
							<div class="col-6" >
							
								
							
							{{form_row(singleField)}}
						</div>
						{% endif %}
					
					{% endfor %}
					</div>

					<button class="btn btn-primary">Envoyer votre demande</button>
					
					
					{{form_end(form)}}
				</div>
				
			</div>


		

	</div>

{% endblock %}



{% block javascripts %}
{{parent()}}


{% endblock %}