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

{% block title %}Contact{% endblock %}
{% block description %}Pour nous joindre ou nous rejoindre, vous trouverez toutes les informations utiles sur cette page. A très vite…{% endblock %}
{% block css %}
    <link href="{{ asset('/vendor/PricingTablesInspiration/css/component.css') }}" rel="stylesheet" />
    <link href="{{ asset('/vendor/PricingTablesInspiration/css/icons.css') }}" rel="stylesheet" />
{% endblock %}

{% block body %}

    <div class="page-inner p-none no-border">
        <section class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall">
            <div class="divimage dzsparallaxer--target w-100" style="height: 120%; background-image: url(img/custom/banniere-presentation.png);">
            </div>
            <div class="container pt-120 pb-120">
                <div class="row">
                    <div class="col-sm-12">
                        <h1 class="section-title text-white">
                            Pour toutes demandes particulières :<br/>
                            nous sommes disponibles pour vous répondre
                        </h1>

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

        <section class="pricing-section bg-11">

            <div class="container">

                {% if success is defined and success != null %}
                    <div class="row">
                        <div class="col-md-12 text-center mt-15">
                        {% if success == true %}
                            <div class="alert fade show bgc-white text-dark-tp3 border-none border-t-4 shadow-sm brc-success radius-0 py-3 d-flex align-items-start" style="border: 1px solid green !important;">
                                <div class="bgc-success-l4 px-3 py-3 radius-round mr-4 border-2 brc-success-m2">
                                    <i class="fa fa-check text-success mx-2px" style="font-size:1.2em;"></i>
                                </div>

                                <div class="text-dark-tp3" style="font-size:1.3em;">
                                    <h3 class="text-success-d1">Succès!</h3>
                                    Votre message a bien été envoyé.
                                </div>

                                <button type="button" class="close align-self-start ml-auto mt-n25 mr-n2 text-success-d2 text-150 opacity-2 bgc-h-success-l2 radius-round px-15 pt-1px pb-3px" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                            </div>
                        {% elseif success == false and message != ''%}
                            <div class="alert fade show bgc-white text-dark-tp3 border-none border-t-4 shadow-sm brc-danger radius-0 py-3 d-flex align-items-start" style="border: 1px solid red !important;">
                                <div class="bgc-danger-l4 px-3 py-3 radius-round mr-4 border-2 brc-danger-m2">
                                    <i class="fa fa-check text-140 text-danger mx-2px"></i>
                                </div>

                                <div class="text-dark-tp3">
                                    <h3 class="text-danger-d1 text-130">Erreur !</h3>
                                    Une erreur est survenue, veuillez réessayer plus tard !
                                </div>

                                <button type="button" class="close align-self-start ml-auto mt-n25 mr-n2 text-danger-d2 text-150 opacity-2 bgc-h-danger-l2 radius-round px-15 pt-1px pb-3px" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                            </div>
                        {% endif %}
                        </div>
                    </div>
                {% endif %}

                <div class="row">
                    <div class="col-md-12 text-center">

                        <h2 class="section-title fs-36">
                            Accès et contact
                        </h2>

                        <h3 class="fw-3 fs-24 lh-32 mt-none body-font">
                            Pour toutes demandes d'informations, vous pouvez nous écrire !
                        </h3>

                        <hr class="medium bg-site w-50" />
                    </div>
                </div>


                <div class="container">

                    <div class="row">

                        <div class="col-md-9 left-side-sidebar">

                            <div class="v-heading-v2">
                                <h3>Envoyer un message</h3>
                            </div>

                            <p class="mb-60">
                                Pour toutes demandes d'informations, envoyer nous un email à l'adresse suivante :
                                <a href="mailto:domainebourdette@gmail.com">domainebourdette@gmail.com</a><br />
                            </p>

                            <!--{{ form_start(form) }}
                                <div class="form-group">
                                    <div class="row">

                                        <div class="col-sm-6">
                                            <label>Votre nom <span class="required">*</span></label>
                                            {{ form_widget(form.name, {'attr': {'class':'form-control'}}) }}
                                        </div>
                                        <div class="col-sm-6">
                                            <label>Votre téléphone <span class="required">*</span></label>
                                            {{ form_widget(form.phone, {'attr': {'class':'form-control'}}) }}
                                        </div>
                                        <div class="col-sm-12">
                                            <label>Votre adresse email <span class="required">*</span></label>
                                            {{ form_widget(form.email, {'attr': {'class':'form-control'}}) }}
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">

                                        <div class="col-sm-12">
                                            <label>Votre commentaire <span class="required">*</span></label>
                                            {{ form_widget(form.message, {'attr': {'class':'form-control'}}) }}
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <br>
                                        <button name="submit" type="submit" id="sendmesage" class="btn btn-primary btn-md">Envoyer le message</button>
                                    </div>
                                </div>
                            {{ form_end(form) }}-->


                            <hr class="invisible" />
                        </div>

                        <div class="col-md-3 right-side-sidebar">

                            <aside class="sidebar">

                                <div class="v-heading-v2">
                                    <h3 class="fs-18">Téléphone & Email</h3>
                                </div>
                                <p>
                                    <a href="mailto:domainebourdette@gmail.com">domainebourdette@gmail.com</a><br />
                                    <a href="tel:+33 (0)7 61 07 00 48">07 61 07 00 48</a><br />
                                </p>

                                <hr class="invisible" />

                                <div class="v-heading-v2">
                                    <h3 class="fs-18">Adresse</h3>
                                </div>
                                <a href="https://www.google.com/maps/place/La+Bourdette/@43.3066533,0.7432332,13z/data=!4m5!3m4!1s0x12a91bb910e5c859:0x1194a6117f8df7c9!8m2!3d43.3066533!4d0.7782521?hl=fr" target="_blank">
                                    <p>
                                        La Bourdette<br/>
                                        455 Route de Saint Laurent<br/>
                                        31230 Montbernard
                                    </p>
                                    <span style="font-size:0.9em;">Cliquer ici pour accéder à l'adresse dans Google Map</span>
                                </a>

                                <hr class="invisible" />

                                <div class="v-heading-v2">
                                    <h3 class="fs-18">Notre actualité</h3>
                                </div>

                                <div class="text-center content-center clearfix d-inline-block">

                                    <a href="https://www.instagram.com/domainebourdette/" target="_blank" class="social-icon si-light si-instagram" title="Instagram">
                                        <i class="si-icon-instagram"></i>
                                        <i class="si-icon-instagram"></i>
                                    </a>
                                </div>
                            </aside>
                        </div>
                    </div>
                </div>


            </div>
        </section>


    </div>

{% endblock %}