{% extends 'base.html.twig' %}
{% set active = 'contact'%}
{% block body %}
<section class="breadcrumbs" data-aos="fade-in">
<div class="container text-center">
<h2>Nous contacter</h2>
</div>
</section>
<section id="contact" class="contact">
<div class="container" data-aos="fade-up">
<header class="section-header">
{% for message in app.flashes('msg') %}
<div class="alert alert-success alert-dismissible fade show" role="alert">
<strong>{{message}}</strong>
</div>
{% endfor %}
{# <p>Contact</p> #}
</header>
<div class="row gy-4">
<div class="col-lg-5">
<div id="map" style="border:0; width: 100%; height: 450px;"></div>
</div>
<div class="col-lg-7">
{{ form_start(form) }}
<div class="row gy-4">
<div class="col-md-6">
<label>Civilité</label>
{{ form_widget(form.civilite) }}
</div>
<div class="col-md-6 ">
<label>Nom</label>
{{ form_widget(form.nom) }}
</div>
<div class="col-md-6">
<label>Email</label>
{{ form_widget(form.email) }}
</div>
<div class="col-md-6 ">
<label>Téléphone</label>
{{ form_widget(form.telephone) }}
</div>
<div class="col-md-12">
{{ form_widget(form.requete) }}
</div>
<div class="col-md-12">
<label>Objet</label>
{{ form_widget(form.objet) }}
</div>
<div class="col-md-12">
<label>Message</label>
{{ form_widget(form.message) }}
</div>
<div class="col-md-12 text-center">
{{ form_start(form) }}
<div class="php-email-form text-center">
<button type="submit">Envoyer Message</button>
</div>
</div>
</div>
{{ form_end(form) }}
</div>
</div>
</section>
{% endblock %}