{% extends 'base.html.twig' %}
{% block title %}Contactez-nous !{% endblock %}
{% block body %}
<main class="main">
<div class="page-header breadcrumb-wrap">
<div class="container">
<div class="breadcrumb">
<a href="{{ path('app_home_index') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
{% if searchCategorie is defined and searchCategorie is not null%}
<span> {{ searchCategorie.libelle }} </span>
{% else %}
<span> contactez-nous </span>
{% endif %}
</div>
</div>
</div>
<section class="section-padding pb-5">
<div class="container">
<div class="row">
<div class="col-xl-8">
<div class="contact-from-area padding-20-row-col border-radius-10" style="background-color: #dfe6e9; padding:10px;">
<h5 class="text-brand mb-10 text-center" ><span style="">Contactez-nous</span></h5>
{% for message in app.flashes('notification') %}
<div class="alert alert-success alert-dismissible fade show mt-10">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
{% endfor %}
<hr/>
<form class="contact-form-style mt-30 " id="contact-form" action="#" method="POST">
<input type="hidden" name="token" value="{{ csrf_token('contact') }}"/>
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="input-style mb-20">
<input name="name" placeholder="nom" type="text" style="height: 50px">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="input-style mb-20">
<input name="email" placeholder="E-mail" type="email" required style="height: 50px">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="input-style mb-20">
<input name="telephone" placeholder="N° telephone" type="tel" style="height: 50px">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="input-style mb-20">
<input name="subject" placeholder="Objet" type="text" required style="height: 50px">
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="textarea-style mb-30">
<textarea name="message" placeholder="Message"></textarea>
</div>
<hr/>
<div class="text-end">
<button class="btn btn-sm ml-10 " style="color: #FFFFFF; background: #006266; border: 2px solid #006266; font-size: medium" type="submit"> Envoyer</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-4 pl-10 d-lg-block d-none">
<img class="border-radius-10 " src="assets/imgs/deals/img-24.jpg" alt="">
</div>
</div>
</div>
</section>
</main>
{% endblock %}