{% block content %}
<section id="section-retirage">
<div class="container">
<div class="row pt-5 pb-5">
<div class="col-md-12">
<div class="card bshadow mt-70" style="min-height:750px">
<div class="card-body">
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }} alert-dismissible fade show position-absolute" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endfor %}
{% endfor %}
<div class="contact-form mb-50">
<div class="row">
<h2 class="text-black pt-20 text-center main-text">
<strong>Formulaire de retirages photos</strong>
</h2>
<p class="pt-3 pb-3 text-black source-bold">Merci de compléter le formulaire ci-dessous pour toutes demandes de retirages photos.<br>
Nous vous recontacterons dans les plus brefs délais pour finaliser votre demande.</p>
<div id="form-step">
<div class="form-progress">
<progress class="form-progress-bar" min="0" max="100" value="0" step="33" aria-labelledby="form-progress-completion"></progress>
<div id="form-progress-indicator-one" class="form-progress-indicator one active"></div>
<div id="form-progress-indicator-two" class="form-progress-indicator two"></div>
<div id="form-progress-indicator-three" class="form-progress-indicator three"></div>
</div>
<div class="animation-container">
{% include 'retirage/step1.html.twig' %}
{% include 'retirage/step2.html.twig' %}
{% include 'retirage/step3.html.twig' %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}