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

{% block title %}Hello ContactController!
{% endblock %}

{% block body %}
    {% include "_nav.html.twig" %}
    <section class="section mt-5">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <h6 class="title">
                        Contact form and information
                    </h6>
                </div>
                <div class="col-md-10">
                    <h3 class="mb-4">
                        Have questions? Send us an
                        <span class="text-primary">e-mail</span>
                    </h3>

                    <!-- Subheading -->
                    <p class="text-muted mb-5">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis magnam, saepe est voluptas iste obcaecati cum odit alias minus ipsa fuga ratione tempora officia sint neque fugiat similique asperiores perferendis.
                    </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 %}