{% extends 'base.html.twig' %}{% block title %}Contact{% endblock %}{% block banniere %} <section class="ban-section"> <div class="ban"> <img src="{{ asset('front/images/ban-4.jpg') }}" alt=""> <div class="container"> <div class="sect-title text-center mb-0"> <div class="h1 text-white"> nos coordonnées </div> </div> </div> </div> </section>{% endblock %}{% block contenu %} <section class="coord-section"> <div class="container"> <div class="coord-box"> <div class="row justify-content-center"> <div class="col-xl-4 col-md-6 col-12 mb-40"> <div class="item-coord"> <div class="icon"> <img src="{{ asset('front/images/esf/c-1.svg') }}" width="42" alt=""> </div> <div class="title"> à saint-jean-de-luz </div> <div class="bloc-text"> <p><b>Magasin Katxi Klothing</b> <br> 45 rue Léon Gambetta <br> 64500 Saint-Jean-de-Luz</p> <p>Ouvert du mardi au samedi de 10h à 13h et de 15h à 19h.</p> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12 mb-40"> <div class="item-coord"> <div class="icon"> <img src="{{ asset('front/images/esf/c-1.svg') }}" width="42" alt=""> </div> <div class="title"> à hendaye </div> <div class="bloc-text"> <p><b>ESF HENDAIA </b> <br> Résidence la Croisière <br> 2 boulevard de la Mer - 64700 Hendaye </p> <p>Ouvert tous les jours d’avril à octobre de 10h à 18h et de 8h à 20h en juillet / août</p> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12 mb-40"> <div class="item-coord"> <div class="icon"> <img src="{{ asset('front/images/esf/c-2.svg') }}" width="60" alt=""> </div> <div class="title"> Email </div> <div class="bloc-text"> <p> Ecrivez-nous à l’adresse : <br> contact<i class="fa fa-at"></i>ecole-du-surf-francais.fr <br> ou en utilisant le formulaire de contact présent sur cette page. </p> </div> </div> </div> </div> </div> </div> </section> <section class=" pb-75 pt-75 "> <div class=" container clearfix "> <div class="sect-title text-center no-deco"> <h1> écrire à l’esf saint-jean-de-luz </h1> </div> {% set messages = app.flashes('success') %} {% if (messages | length == 0) %} <div class="bloc-text mb-55 fs-big text-center"> Merci de remplir tous les champs du formulaire. Notre équipe vous recontacte très rapidement pour répondre à vos questions et vos demandes. à bientôt sur les vagues de la côte basque ! </div> <form action="{{ path('app_contact') }}" method="post" class="form-contact"> <div class="row"> <div class="col-xl-6 col-12"> <div class="row"> <div class="col-md-6 col-xl-12 col-12 mb-30"> {{ form_widget(form.prenom, { attr : { class : 'form-control' , placeholder : 'Votre Prénom'}}) }} </div> <div class="col-md-6 col-xl-12 col-12 mb-30"> {{ form_widget(form.nom, { attr : { class : 'form-control', placeholder : 'Votre Nom'}}) }} </div> <div class="col-md-6 col-xl-4 col-12 mb-30"> {{ form_widget(form.telephone, { attr : { class : 'form-control' , placeholder : 'Téléphone'}}) }} </div> <div class="col-md-6 col-xl-8 col-12 mb-30"> {{ form_widget(form.email, { attr : { class : 'form-control' , placeholder : 'Email'}}) }} </div> </div> </div> <div class="col-xl-6 col-12 mb-30"> {{ form_widget(form.message, { attr : { class : 'form-control' , placeholder : 'Votre Message'}}) }} </div> </div> <div class="text-cont mb-50"> En soumettant ce formulaire, j'accepte que les informations saisies soient exploitées dans le cadre de la relation commerciale qui peut découler cette demande de contact / réservation. </div> <div class="btn-contact"> <div> <script src="https://js.hcaptcha.com/1/api.js" async defer></script> <div class="h-captcha" data-sitekey="da06e3d6-c619-4d35-b957-0eabb7cd6673"></div> </div> {{ form_rest(form) }} <button type="submit" class="btn-1"> J’envoie mon message </button> </div> </form> {% else %} <div class="text-cont-1 text-center text-success"> {{ messages[0] | raw }} </div> {% endif %} </div> </section>{% endblock %}