{% extends 'base.html.twig' %}
{% block title %}UP Contact{% endblock %}
{% block body %}
<div class="container pageUnique">
<div class="bandeauTitrePageUnique">Contact</div>
<div class="row">
<div class="col-md-4">
<div class="row justify-content-center">
<div class="contactUp">
<!-- blabla -->
{% for message in app.flashes('warning') %}
<div class="alert alert-warning">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('success') %}
<div class="alert alert-success">
{{ message }}
</div>
{% endfor %}
<!-- /blabla -->
{{ form_start(form) }}
<!-- blabla -->
<div class="row">
<div class="form-group sm-col-8">
{{ form_label(form.nom, 'Nom') }}
{{ form_widget(form.nom) }}
<small>{{ form_help(form.nom) }}</small>
</div>
</div>
<div class="row">
<div class="form-group sm-col-8">
{{ form_label(form.email, 'E-mail') }}
{{ form_widget(form.email) }}
<small>{{ form_help(form.email) }}</small>
</div>
</div>
<div class="row">
<div class="form-group sm-col-8">
{{ form_label(form.message, 'Message') }}
{{ form_widget(form.message, { 'attr': {'class': 'formtextarea'} }) }}
<small>{{ form_help(form.message) }}</small>
</div>
</div>
<!-- /blabla -->
<!-- blabla -->
<div class="form-group">
<div class="row">
<div class="col-3">{{ form_label(form.captcha, 'Captcha') }}
</div>
</div>
<div class="row">
<div class="col-3">
<img class="img-fluid" src="{{ pathLocal }}captcha/{{ name }}.jpg" alt="captcha">
</div>
<div class="col-4">
{{ form_widget(form.captcha) }}
<small>{{ form_help(form.captcha) }}</small>
</div>
<div class="col-5">
<button class="btn-success upParis" type="submit" style="width:130px;">Envoyer</button>
</div>
</div>
</div>
<!-- /form-group -->
<!-- /blabla -->
<!-- contactUp -->
{{ form_end(form) }}
</div>
</div>
</div>
<div class="col-md-4">
<div class="row contactTXT"></div>
<div class="row">
<div class="imgUpContact">
<div id="macarte" class=""></div>
<script src="{{ pathLocal }}modules/carteUP.js"></script>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row lead contactTXT">
<div class="mob"><div class="margeBR"></div></div>
<h1>Quartier de Belleville</h1>
<p>Quartier bohème, cosmopolite et arty du
nord-est de Paris, terre d’accueil des artistes aux multiples facettes culturelles.<br>
L'âme populaire de Paris !<br><br>
Belleville est un village dans la ville.
</p>
</div>
</div>
<div class="margeB"></div>
<div class="col-12">
{% include "elements/signatureFF.html.twig" %}
</div>
<div class="margeB"></div>
</div>
</div>
<div class="margeDuBas"></div>
{% endblock %}