templates/user/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'main.html.twig' %}
  3. {% block head %}
  5.     <link rel="stylesheet" href="{{ asset('assets/css/access.css') }}?v={{ random() }}">
  7. {% endblock %}
  9. {% block body %}
  10.     <div class="loading hidden">
  11.         <div class="loader"></div>
  12.     </div>
  13.     <!-- HEADING -->
  14.     <div class="container-fluid bg-heading py-5">
  15.         <div class="container py-5">
  16.             <div class="row py-5 d-flex justify-content-xl-around justify-content-center align-items-center">
  17.                 <div class="col-xl-6 col-md-7 col-12 py-5 pt-5">
  18.                     <div class="card session-card">
  20.                         <div class="session-tab py-4">
  21.                             <button class="cnt-tab">
  22.                                 Contacto
  23.                             </button>
  24.                         </div>
  26.                         <div class="session-form py-5 session">
  27.                             {% if status == 'done' %}
  28.                                 <img class="icn-success" src="{{ asset('assets/images/icons/icn-verified-green.svg') }}">
  29.                                 <p class="text-center">Mensaje enviado</p>
  30.                                 <a href="{{ path('home') }}" class="txt-session-link pt-4"><u>Volver al inicio</u></a>
  31.                             {% else %}
  32.                                 {% if status == 'error_captcha' %}
  33.                                     <p class="text-center">Por favor, completa correctamente el formulario e indica que no eres un robot</p>
  34.                                 {% endif %}
  35.                                 <form method="POST" action="{{ path('contact') }}" class="form"> 
  36.                                     <input type="text" name="name" class="inp-session mt-3" placeholder="Nombre" required>
  37.                                     <input type="text" name="surname" class="inp-session mt-3" placeholder="Apellidos" required>
  38.                                     <input type="email" name="email" class="inp-session mt-3" placeholder="Email" required>
  39.                                     <input type="number" name="phone" class="inp-session mt-3" placeholder="Teléfono" required>
  40.                                     <textarea class="inp-session area mt-3" name="subject" placeholder="Asunto..." required></textarea>
  42.                                     <input type="hidden" name="send-form" value="1">
  44.                                     {#<p class="pt-4">Llámanos: <u>918 333 365</u></p>#}
  45.                                     <input type="submit" name="submit" id="submit" hidden value="submit" />
  46.                                     <div class="col-md-12 txt-protection">
  47.                                         <p>
  48.                                             Responsable del tratamiento: XXXXXX SL con domicilio en calle Princesa 72, 1º C (28008) de Madrid. CIF: XXXXXX<br>
  49.                                             Contacto: <a href="https://dow.com.ar/contact">https://dow.com.ar/contact</a><br>
  50.                                             Finalidad del tratamiento: Gestionar los servicios web (venta de entradas, registro de usuarios, consultas...).<br>
  51.                                             Legitimación: Envío de notificaciones relacionadas con el servicio, Prevención del fraude.<br>
  52.                                             Destinatarios de la información: Entidades Promotoras y Organizadoras de los eventos, prestadores de servicios,
  53.                                             fuerzas y cuerpos de seguridad, según los casos.<br>
  54.                                             También podemos compartir información sobre el uso de la web con nuestros partners publicitarios según se informa en el apartado de “Cookies”.<br>
  55.                                             Puedes ejercer los derechos reconocidos en la legislación vigente en materia de protección de datos, remitiendo
  56.                                             una comunicación escrita al responsable del tratamiento o a través de nuestro DPO.
  57.                                         </p>
  58.                                     </div>
  59.                                     {% include 'partials/captcha.html.twig' %}
  60.                                     <div class="form-check" style="max-width:80%; margin:10px auto 0 auto;">
  61.                                         <input class="form-check-input" type="checkbox" value="" id="checkbox-policy" required>
  62.                                         <label class="form-check-label" for="checkbox-policy">
  63.                                             He leído y acepto la <a href="{{ path('policy') }}" target="_blank">Política de Privacidad y Cookies.</a>
  64.                                         </label>
  65.                                     </div>
  66.                                     <button type="button" id="send-form" class="btn-access  mb-2 mt-4">Enviar</button>
  67.                                 </form>
  68.                             {% endif %}
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </div>
  76.     {% block javascripts %}
  77.         <script>
  78.             const spinner = $('.loading');
  79.             $('#send-form').click(() => {
  80.                 if ($('#checkbox-policy').prop( "checked")) {
  81.                     spinner.show();
  82.                     let formData = new URLSearchParams();
  83.                     formData.append('g-recaptcha-response', $('#g-recaptcha-response').val());
  85.                     fetch('{{ path('xml_check_captcha') }}', {
  86.                         method: 'POST',
  87.                         headers: {'Content-Type': 'application/x-www-form-urlencoded'},
  88.                         body: formData.toString()
  89.                     })
  90.                     .then(function (response) {
  91.                         spinner.hide();
  92.                         return response.json();
  93.                     })
  94.                     .then(function (result) {
  95.                         if (result.status) {
  96.                             $('#submit').click();
  97.                         } else {
  98.                             grecaptcha.reset();
  99.                             spinner.hide();
  100.                             swal({
  101.                                 title: 'Error!',
  102.                                 text: "Por favor completa correctamente el formulario e indica que no eres un robot",
  103.                                 type: 'error'
  104.                             });
  105.                         }
  106.                     });
  107.                 } else {
  108.                     swal({
  109.                         title: 'Error!',
  110.                         text: "Debe aceptar la Politica de Privacidad y Cookies",
  111.                         type: 'error'
  112.                     });
  113.                 }
  114.             })
  115.         </script>
  116.     {% endblock %}
  118. {% endblock %}