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

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

{% block description %}Contactez nous pour toutes demande d'informations.{% endblock %}

{% block css %}
{% endblock %}

{% block body %}

    <section class="page-header parallax page-header-text-light page-header-crumbs-light overlay overlay-color-dark overlay-show overlay-op-3" data-image-src="{{ asset('/img/branche/bandeau-menu.jpg') }}" style="position: relative; overflow: hidden; height: 200px;">
        <div class="parallax-background" style="background-image:url({{ asset('/img/branche/bandeau-menu-contact.jpg') }}); background-position:50% center; background-size:cover; height:180%; left:0px; position:absolute; top:0px; transform:translate3d(0px, -54.8571px, 0px); width:100%">&nbsp;</div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8 text-left">
                    <h1 class="text-white fs-36">Nous contacter</h1>
                </div>
            </div>
        </div>
    </section>

    <div class="container">

        <div class="v-heading-v2">
            <h3>Notre boutique</h3>
        </div>

        <div class="row">
            <div class="col-md-12">
                <p style="text-align:center"><iframe frameborder="0" height="375" id="gmap_canvas" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?q=427%20Route%20du%20m%C3%A9doc%2033520%20Bruges&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed" style="width:100%" width="450"></iframe></p>
            </div>
        </div>

        <p>&nbsp;</p>
        <div class="row">

            <div class="col-sm-9">
                <div class="v-comment-form">
                    <div class="v-heading-v2">
                        <h3>Demande d'informations</h3>
                    </div>

                    <p class="pull-bottom-small">

                    </p>

                    <form name="add_tracking_contact" method="post" wtx-context="3D2F6447-5B99-4D27-9506-AD91B14F4875">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-4">
                                    <label for="add_tracking_contact_name">Votre nom</label> <span class="required">*</span>
                                    <input type="text" id="add_tracking_contact_name" name="add_tracking_contact[name]" class="form-control" wtx-context="17376E74-AF11-4023-8530-12B74F1E2D1C">
                                </div>
                                <div class="col-sm-4">
                                    <label for="add_tracking_contact_email">Votre email</label> <span class="required">*</span>
                                    <input type="email" id="add_tracking_contact_email" name="add_tracking_contact[email]" class="form-control" wtx-context="50B1593B-04F7-4521-BD25-3D7C99E39634">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-12">
                                    <label for="add_tracking_contact_content">Votre message</label> <span class="required">*</span>
                                    <textarea id="add_tracking_contact_content" name="add_tracking_contact[content]" rows="10" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <button name="submit" type="submit" id="Button1" class="btn v-btn v-btn-default v-small-button"><i class="fa fa-send-o"></i>
                                    Envoyer le message
                                </button>
                            </div>
                        </div>
                        <input type="hidden" id="add_tracking_contact_secureBlank" name="add_tracking_contact[secureBlank]" wtx-context="99EEBA3D-C805-4D6E-829D-84C316EF1072"><input type="hidden" id="add_tracking_contact_secureValue" name="add_tracking_contact[secureValue]" value="1645228016" wtx-context="ADA48D32-F12B-4DB2-92FB-93DD28B019AA"><input type="hidden" id="add_tracking_contact__token" name="add_tracking_contact[_token]" value="C5_TL6kdF9EBQPHxCqI8O5tDEnSPIW9SkItZ6RcjMSs" wtx-context="6717DFB9-8CD5-48F9-9228-5B96BCE13AF4"></form>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="v-heading-v2">
                    <h3>Adresse</h3>
                </div>
                <p>
                    Centre Commercial Leclerc, 427 Route du médoc<br>
                    33520 Bruges
                </p>
                <div class="v-heading-v2">
                    <h3>Téléphone &amp; Email</h3>
                </div>
                <p>
                    Email : <a href="mailto:bord@opticien.com?subject=[Branches et lunettes] Site - Contact" target="_blank">bord@opticien.com</a><br>
                    Téléphone : 05 56 32 78 35
                </p>

                <div class="v-heading-v2">
                    <h3>Horaires</h3>
                </div>
                <p>
                    Mardi au vendredi : 10h-19h et le<br>
                    <br>
                    Samedi : 10h-18h
                </p>


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

{% endblock %}

{% block javascripts %}
{% endblock %}