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

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

{% block body %}
    <section class="page-title-section bg-img cover-background" data-overlay-dark="7"
             data-background="{{ asset('img/contact/telephone.jpg') }}" style="background-image: url({{ asset('img/contact/telephone.jpg') }});">

        <div class="container lg-container">

            <div class="row">
                <div class="col-md-12">
                    <h1>Contact</h1>
                </div>
                <div class="col-md-12">
                    <ul>
                        <li><a href="{{ path('index') }}">Le vallon des demoiselles</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </section>

    <!-- start blog section -->
    <section>
        <div class="container lg-container">
            {% if sent is defined %}
                <div class="col-12 bloc-alert">
                    {% if sent %}
                        <div class="alert alert-success" role="alert">
                            Votre demande de contact a bien été envoyée.
                        </div>
                    {% else %}
                        <div class="alert alert-danger" role="alert">
                            Votre demande de contact n'a pas été envoyée. Veuillez retenter.
                        </div>
                    {% endif %}
                </div>
            {% endif %}
            {{ form_start(formContact, {'method': 'POST', 'action':path('contact')}) }}
            <div class="row">
                {{ form_row(formContact.nom) }}
                {{ form_row(formContact.phone) }}
                {{ form_row(formContact.email) }}
                {{ form_row(formContact.message) }}
                <div class="col-12 text-center">
                    <button type="submit" class="butn theme small">Envoyer</button>
                </div>
            </div>
            {{ form_end(formContact) }}
        </div>
    </section>
    <!-- end team section -->

    <!-- start contact section -->
    <section class="no-padding">
        <div class="row fw-row">
            <div class="v-gmap-widget fullscreen-map col-sm-12">
                <div class="v-wrapper">
                    <!-- Full Width -->
                    <gmp-map center="44.8575603882538, -0.4291596111113203" zoom="14" map-id="MAP">
                        <gmp-advanced-marker position="44.8575603882538, -0.4291596111113203" title="{{ constant('App\\Constants\\Constants::NAME') }}"></gmp-advanced-marker>
                    </gmp-map>
                </div>
            </div>
        </div>
    </section>
    <!-- end contact sectioon -->

{% endblock %}

{% block javascripts %}
    <script type="text/javascript">
        jQuery(document).ready(function () {
        })
    </script>
{% endblock %}