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

{% block meta_description %}Un projet à cadrer, un service à concevoir ou une transformation à accompagner ? Contactez l’équipe Sensipode à Nantes pour en discuter.{% endblock %}
{% block reference_url %}{{ public_url('app_contact') }}{% endblock %}


{% block title %}Contact — Sensipode{% endblock %}

{% block body %}
	
	<section class="page_section">
	
		<header>
			<h2>Laissez-nous un message</h2>
		</header>
		
		<div id="contact" class="content">
					
			{{ form_start(contactForm) }}
			
			{% for message in app.flashes('success') %}
		    <div class="alert alert-success">
		        {{ message }}
		    </div>
			{% endfor %}
			
			{% for message in app.flashes('error') %}
		    <div class="alert alert-danger">
		        {{ message }}
		    </div>
			{% endfor %}
	
			<div class="contact_form_content">
				<span class="form-row">
				{{ form_row(contactForm.prenom, {'attr': {'class': 'form-control'}}) }}
				{{ form_row(contactForm.nom, {'attr': {'class': 'form-control'}}) }}
				</span>
				<span class="form-row">
				{{ form_row(contactForm.telephone, {'attr': {'class': 'form-control'}}) }}
				{{ form_row(contactForm.email, {'attr': {'class': 'form-control'}}) }}
				</span>
				<span class="form-row">
				{{ form_row(contactForm.message, {'attr': {'class': 'form-control'}}) }}
				</span>
				
				{# Champ honeypot anti-spam (invisible pour l’utilisateur) #}
				<span class="form-row" style="display:none;">
					{{ form_row(contactForm.website) }}
				</span>
				
				<span class="form-row">
					<button value="Envoyer" type="submit" class="primaryButton withIcon">{{ material_icon('send') }}Envoyer</button>
				</span>
				
			</div>
			
			{{ form_end(contactForm) }}
		
		</div>
		
	</section>

{% endblock %}