{% extends 'base.html.twig' %}
{% block title %}- Contact{% endblock %}
{% block headersection %}
<div class="fixed-top">
{{ include('flashmessages/flashmessages.html.twig') }}
</div>
<main >
<section class="section section-md section-image overlay-dark" data-background="{{ asset('assets/img/cards-3662554_1920.jpg') }} " style="min-height: 70vh;">
<div class="container">
<div class="row mt-4 mt-lg-6 justify-content-center">
<div class="col-md-10 col-lg-10">
<!-- Contact Card -->
<div class="card shadow-sm border-light p-2 p-md-3 p-lg-5" >
<div class="card-header">
<h4>Une question ou une demande?</h4>
<p>Cool ! Faites-le nous savoir et nous vous répondrons dans les plus brefs délais.</p>
</div>
{{form_start(formcontact)}}
<div class="card-body pt-0">
<div class="form-group">
{{form_widget(formcontact.name)}}
</div>
<div class="form-group">
{{form_widget(formcontact.email)}}
</div>
{{form_widget(formcontact.message)}}
</div>
<div class="card-footer mx-4 px-0 pt-0">
{{form_widget(formcontact.recaptchatoken)}}
{{form_widget(formcontact.btnsubmit)}}
</div>
{{form_end(formcontact)}}
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Recaptcha -->
<script src="https://www.google.com/recaptcha/api.js?render=6Le2aesUAAAAAG4fDNIF_lqShoh6-PvS2lHexW2K"></script>
<script src="{{ asset('/assets/js/recaptcha.js') }}"></script>
{%endblock%}