{% extends 'base.html.twig' %}
{% block title %}Page Contact - RénovAtHome Un Artisant Près De Chez Soi
{% endblock %}
{% block stylesheets %}
{{ parent() }}
<meta name="description" content="Contacter RenovAtHome pour établir un devis ou avoir du conseil en rénovation de maison aussi bien en toiture, isolation et peinture.">
<link rel="stylesheet" href="{{ asset('assets/styles/quote.css')}}">
{# <link rel="stylesheet" href="{{ asset('assets/styles/contactStyle.css')}}">#}
{% endblock %}
{% block banner %}{% endblock %}
{% block main %}
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }}">
<span class="close-notif"><i class="fa-solid fa-xmark"></i></span>
{{ message }}
</div>
{% endfor %}
{% endfor %}
<section id="devis">
<img src="{{ asset('assets/images/brush_green.png')}}" class="devis-img-back green" alt="peinture verte">
<img src="{{ asset('assets/images/brush_orange.png')}}" class="devis-img-back orange" alt="peinture orange">
<div class="devis">
<div class="formulaire">
<span class="devis-sous-titre">
FORMULAIRE DE CONTACT
</span>
<span class="devis-titre">
Devis gratuit et rapide
</span>
{{ form_start(form) }}
<div class="div-input-form">
{{ form_label(form.name)}}
{{ form_widget(form.name)}}
</div>
<div class="div-input-form">
{{ form_label(form.postalcode)}}
{{ form_widget(form.postalcode)}}
</div>
<div class="div-input-form">
{{ form_label(form.email)}}
{{ form_widget(form.email)}}
</div>
<div class="div-input-form">
{{ form_label(form.phone)}}
{{ form_widget(form.phone)}}
</div>
<div class="div-input-form">
{{ form_label(form.choice)}}
{{ form_widget(form.choice)}}
</div>
<div class="div-input-form">
{{ form_label(form.message)}}
{{ form_widget(form.message)}}
</div>
<span class="champs-obligatoire">
*Champs obligatoires
</span>
<div class="checkbox-info">
{{ form_widget(form.dataPolicy)}}
{{ form_label(form.dataPolicy)}}
</div>
{{ form_widget(form.submit)}}
{{ form_widget(form._token)}}
{{ form_end(form, {render_rest: false}) }}
</div>
<div class="devis-separator"></div>
<div class="approche">
<div class="approche-titre">
<span>Notre approche</span>
<div class="deco-sous-titre"></div>
</div>
<div class="approche-etape">
<div class="etape-img">
<img src="{{ asset('assets/images/ensembleiconesdevis.png')}}" alt="suite d'étape pour devis">
</div>
<div class="etape-txt">
<span class="etape-txt-first-child">PRISE DE CONTACT & PRÉQUALIFICATION</span>
<span>DIAGNOSTIC SUR PLACE</span>
<span>PROPOSITION COMMERCIALE</span>
<span>TRAVAUX</span>
<span>CONTRÔLE POST-CHANTIER</span>
</div>
</div>
<img class="devis-photo" src="{{ asset('assets/images/devis-photo.png') | imagine_filter('middle')}}" alt="couple heureux">
</div>
</div>
</section>
{% endblock %}
{% block footer %}{% endblock %}