{% extends 'base.html.twig' %}
{% block title 'Formulaire de contact' %}
{% block body %}
<div class="container mt-2">
<div class="row">
<div class="col-12 header-title">
<h1>Contactez-nous</h1>
</div>
</div>
<div class="row">
<div class="col-12">
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
<strong>{{ message }}</strong>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
<div class="row">
<div class="col">
{{ form_start(form, {'attr': {'class': 'form-section'}}) }}
<div class="form-row">
<div class="form-group">
{{ form_row(form.name)}}
</div>
<div class="form-group">
{{ form_row(form.email) }}
</div>
</div>
<div class="form-row">
<div class="form-group">
{{ form_row(form.object) }}
</div>
<div class="form-group">
{{ form_row(form.category) }}
</div>
</div>
<div class="form-group">
{{ form_row(form.message) }}
</div>
<div class="form-row d-flex justify-content-end">
<button type="submit" class="btn btn-success">Envoyer</button>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
{% endblock %}