{% extends 'base.html.twig' %}
{% block title %}{{page.translate(locale).title}}{% endblock %}
{% block meta_desc %}{{page.translate(locale).introduction[:150]|striptags|raw }}...{% endblock %}
{% block body %}
{% include "components/areas/page/welcome.html.twig" %}
<main class="contact-main">
<section class="page-content section-contact">
<div class="container">
<div class="contact">
<div class="row">
<div class="col-md-6 col-lg-5">
<div class="text">
<h2>{{page.translate(locale).title}}</h2>
<div>{{page.translate(locale).introduction|raw}}</div>
<ul>
<li><i class="fas fa-map-marked-alt"></i> {{statics.about.address}}</li>
<li><i class="fas fa-phone-alt" aria-hidden="true"></i> {{statics.about.phone}}</li>
<li><i class="fas fa-envelope" aria-hidden="true"></i> {{statics.about.email}}</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-6 col-lg-offset-1">
<div class="contact-form">
{{form_start(contactForm, {'action': path('contact_index'), 'method': 'POST', 'class':"row"})}}
<div class="row">
<div class="col-md-6 col-xs-12">
{{form_row(contactForm.gender)}}
</div>
<div class="col-md-6 col-xs-12">
{{form_row(contactForm.lastName)}}
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-12">
{{form_row(contactForm.firstName)}}
</div>
<div class="col-md-6 col-xs-12">
{{form_row(contactForm.subject)}}
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-12">
{{form_row(contactForm.email)}}
</div>
<div class="col-md-6 col-xs-12">
{{form_row(contactForm.phone)}}
</div>
</div>
{{form_row(contactForm.content)}}
{{form_row(contactForm.rgpd)}}
<input type="hidden" name="contact-recaptcha_response" id="contact-recaptcha-response">
<button type="submit" name="submit" class="read-more"/>
{% trans %}Envoyer{% endtrans %}
<i class="fas fa-paper-plane"></i>
</button>
{{form_end(contactForm)}}
</div>
</div>
</div>
</div>
</div>
</section>
{% include "components/map.html.twig" %}
</main>
{% endblock %}
{% block javascripts %}
<script src="js/ajaxForm.js"></script>
{% endblock %}