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

{% block title %}Contact{% endblock %}

{% block stylesheet %}
    {{ parent() }}
{% endblock %}

{% block url %}contact{% endblock %}
{% block m_url %}contact{% endblock %}

{% block loading %}{% endblock %}

{% block main %}
    <div role="main" class="main">

        <section class="page-header page-header-modern bg-color-light-scale-1 page-header-md ">
            <div class="container-fluid">
                <div class="row align-items-center">

                    <div class="col">
                        <div class="row">
                            <div class="col-md-12 align-self-center p-static order-2 text-center">
                                <div class="overflow-hidden pb-2">
                                    <h1 class="text-dark font-weight-bold text-9 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">Contact</h1>
                                </div>
                            </div>
                            <div class="col-md-12 align-self-center order-1">
                                <ul class="breadcrumb d-block text-center appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300">
                                    <li><a href="{{ path('app_home') }}">Accueil</a></li>
                                    <li class="active">Contact</li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>


        <div class="container py-4">
            {% include 'widget/alert.html.twig' %}

            <div class="row mb-2">
                <div class="col">

                    <h2 class="font-weight-bold text-7 mt-2 mb-0">Contact</h2>
                    <p class="mb-4">N'hésitez pas à me poser des questions !</p>

                    {{ form_start(form) }}
                    <div class="row">
                        <div class="form-group col-lg-6">
                            {{ form_row(form.firstname) }}
                        </div>
                        <div class="form-group col-lg-6">
                            {{ form_row(form.lastname) }}
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group col">
                            {{ form_row(form.email) }}
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group col">
                            {{ form_row(form.subject) }}
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group col">
                            {{ form_row(form.message) }}
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group col">
                            {{ form_row(form.submit) }}
                        </div>
                    </div>
                    {{ form_end(form) }}
                </div>
            </div>

        </div>


    </div>
{% endblock %}

{% block scripts %}
    {{ parent() }}
{% endblock %}