{% extends 'front/base.html.twig' %}

{% block title %}{{ contact_contents.contact_page_title.value|striptags }}{% endblock %}

{% block body %}
    {% include "front/_nav.html.twig" %}
    <section class="section section-first">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <h6 class="title">
                        {{ contact_contents.contact_sidebar_title.value|striptags }}
                    </h6>
                </div>
                <div class="col-md-10">
                    <h3 class="mb-4">
                       {{ contact_contents.contact_title.value|raw }}
                    </h3>
                    {% for type, messages in app.flashes %}
						{% for message in messages %}
							<div class="alert alert-{{ type == 'error' ? 'danger' : type }} alert-dismissible fade show" role="alert">
								{{ message }}
								<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
							</div>
						{% endfor %}
					{% endfor %}

                    <!-- Subheading -->
                    <p class="text-muted mb-5">{{ contact_contents.contact_text.value|raw }}</p>
                    {{ form_start(form) }}
                    <div class="row">
                        <div class="col-12 col-md-6 mb-3">
                            {{ form_row(form.name) }}
                        </div>
                        <div class="col-12 col-md-6 mb-3">
                            {{ form_row(form.firstname) }}
                        </div>
                        <div class="col-12 col-md-6 mb-3">
                            {{ form_row(form.age) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-6 mb-3">
                            {{ form_row(form.email) }}
                        </div>
                        <div class="col-12 col-md-6 mb-3">
                            {{ form_row(form.telephone) }}
                        </div>
                        <div class="col-12 col-md-6 mb-3">
                            {{ form_row(form.commune) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-6 mb-3">
                            {{ form_row(form.learningDifficulty) }}
                        </div>
                        <div class="col-12 col-md-6 mb-3">
                            {{ form_row(form.studyLevel) }}
                        </div>
                        
                    </div>
                    <button type="submit" class="btn btn-outline-primary">Envoyer</button>
                    <button type="reset" class="btn btn-outline-primary">Reset</button>
                    {{ form_end(form) }}


                </div>
            </div>
            <!-- / .row -->
        </div>

    </section>
{% endblock %}