src/Aviatur/TwigBundle/Resources/views/aviatur/Flux/App/front.html.twig line 1

Open in your IDE?
  1. {% extends twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/base.html.twig') %}
  2. {# head #}
  3. {% if pdfGenerator is not defined %}
  4.     {% block head_title %}
  5.         {% if seo_title is defined %}
  6.             {{seo_title}}{% else %}Tiquetes Baratos, Hoteles, Paquetes Turísticos y Viajes | Aviatur
  7.         {% endif %}
  8.     {% endblock head_title %}
  9.     {% block head_description_content %}
  10.         {% if seo_description is defined %}
  11.             {{seo_description}}{% else %}Agencia de viajes Aviatur. Encuentra ofertas de vuelos, hoteles, paquetes turísticos, cruceros, autos y más. Tiquetes baratos Nacionales e Internacionales
  12.         {% endif %}
  13.     {% endblock head_description_content %}
  14.     {%- block head_meta_title -%}
  15.         {%- if seo_meta_title is defined -%}
  16.             {{seo_meta_title}}
  17.         {%- endif -%}
  18.     {%- endblock head_meta_title -%}
  19.     {% if is_mobile() %}
  20.         {% block head_viewport %}
  21.             <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
  22.             <link rel="apple-touch-icon" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-iphone.png')) }}">
  23.             <link rel="apple-touch-icon" sizes="76x76" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-ipad.png')) }}">
  24.             <link rel="apple-touch-icon" sizes="120x120" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-iphone-retina.png')) }}">
  25.             <link rel="apple-touch-icon" sizes="152x152" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-ipad-retina.png')) }}">
  26.             <link rel="apple-touch-icon" sizes="180x180" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-iphone-plus-retina.png')) }}">
  27.         {% endblock head_viewport %}
  28.     {% endif %}
  29. {% endif %}
  30. {#{% block stylesheets %}
  31.     <link type="text/css" rel="stylesheet" href="{{ absolute_url(asset('assets/common_assets/css/vendor/owl-carousel/owl.carousel.css')) }}"/>
  32.     <link type="text/css" rel="stylesheet" href="{{ absolute_url(asset('assets/common_assets/css/vendor/owl-carousel/owl.theme.css')) }}"/>
  33.     {{ parent() }}
  34. {% endblock stylesheets %}#}
  35. {# END head #}
  37. {% block base_content %}
  38.     {% if pdfGenerator is not defined %}
  39.         <!--[if (!IE)|(gt IE 8)]><!-->
  40.         {% block header %}
  41.             {% set somepromoimage = false %}
  42.             {% set linkHeader = path('homepage') %}
  43.             {% set specialStyle = '' %}
  44.             {% set classMainNav = '' %}
  45.             {% set logoVersion = '' %}
  46.             {% set onPromo = false %}
  47.             {# {% set headerPromoStart = app.session.get('headerPromoStart')|date('U') %}
  48.                                                                                                                                                                         {% set headerPromoEnd = app.session.get('headerPromoEnd')|date('U') %} #}
  49.             {% set nowDateU = "now"|date('U') %}
  50.             {% if background_home is defined %}
  51.                 {% if background_home.active == 'true' %}
  52.                     {% set videoType ='-day' %}
  53.                     {% set imgType = background_home.name %}
  54.                 {% endif %}
  55.             {% else %}
  56.                 {% set videoType = '-day' %}
  57.                 {% set imgType = '_background_default' %}
  58.             {% endif %}
  59.             {% if blackFriday is defined %}
  60.                 {% if blackFriday == 'true' %}
  61.                     {% set videoType = 'NO_VID' %}
  62.                     {% set imgType = '_black_friday' %}
  63.                     <input type="hidden" class="js-hdBlackFriday" value="{{blackFriday}}">
  64.                 {% endif %}
  65.             {% endif %}
  67.             <header class="page-head{{ specialStyle }}">
  68.                 {% if app.user != "" and (is_granted('ROLE_AVIATUR_ADMIN_ADMIN_PROMO_PRODUCT_EDIT_' ~ app.session.get('agencyId')) or is_granted('ROLE_SUPER_ADMIN') ) %}
  69.                     {% if background_home is defined %}
  70.                         <div class="page-head-edit-background">
  71.                             <a href="#" class="js-ajax-homechange" data-toggle="modal" data-target="#js-promo-editModal">Editar</a>
  72.                         </div>
  73.                     {% endif %}
  74.                 {% endif %}
  75.                 <div class="page-head__bg-container">
  76.                     {% if videoType is not defined %}
  77.                         {% set curHour = 'now'|localizeddate("medium", "none", null, null, "Hmm") %}
  78.                         {% if curHour >= '500' and curHour < '900' %}
  79.                             {# 05:00 - 08:59 #}
  80.                             {% set videoType = '-day' %}
  81.                         {% elseif curHour >= '900' and curHour < '1300' %}
  82.                             {# 09:00 - 12:59 #}
  83.                             {% set videoType = '-day' %}
  84.                         {% elseif curHour >= '1300' and curHour < '1700' %}
  85.                             {# 13:00 - 16:59 #}
  86.                             {% set videoType = '-day' %}
  87.                         {% elseif curHour >= '1700' and curHour < '2100' %}
  88.                             {# 17:00 - 20:59 #}
  89.                             {% set videoType = '-day' %}
  90.                         {% else %}
  91.                             {# 21:00 - 04:59 #}
  92.                             {% set videoType = '-day' %}
  93.                         {% endif %}
  94.                     {% endif %}
  95.                     {% if videoType != 'NO_VID' %}
  96.                         {% block headerVideo %}{% endblock headerVideo %}
  97.                         <div class="page-head__bg__img bg-img{{ videoType }} js-headerImg"></div>
  98.                     {% else %}
  99.                         <div class="page-head__bg__img bg-img{{ imgType }} js-headerImg"></div>
  100.                     {% endif %}
  101.                 </div>
  102.                 {% if app.session.has('operatorId') != 1 %}
  103.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header.html.twig') %}
  104.                 {% endif %}
  105.                 {% block searcher_header %}{% endblock %}
  108.             </header>
  109.         {% endblock %}
  110.     {% else %}
  111.         <section></section>
  112.     {% endif %}
  113.     {% set displayState = '' %}
  114.     {% if 'aviatur_general_homepage' in app.request.attributes.get('_route') and not app.request.query.has('anchor') %}
  115.         {% set displayState = 'hidden-palm' %}
  116.     {% endif %}
  117.     <div class="page__body pt-[17px]">
  118.         <div class="ajax-loader spinOverlay sp-offset--big js-loadingChangeCoin" style="display: none;"></div>
  119.         {% block body %}{% endblock body %}
  120.         {# {% embed twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_contactWidget.html.twig') %}
  121.             {% block contactWidget_banner %}
  122.                 <img class="icon-contact" src="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/header/lo-llamamos.svg')) }}" alt="Whatsapp">
  123.             {% endblock %}
  125.             {% block contactWidget_disclaimer %}
  126.                 Cerrar
  127.             {% endblock %}
  128.         {% endembed %} #}
  129.     {% if app.session.has('operatorId') != 1  %}
  130.         <div class="hidden-portable">
  131.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/needHelp.html.twig') %}
  132.         </div>
  133.         {# <a class="hide" href="https://www.aviatur.com/contenidos/asesor-en-linea" style="position: fixed; right: 132px; width: 106px;bottom:20px"><img target="_blank" class="btn_adviser schedule-appointment_icon" src="https://aviaturcdndev.z5.web.core.windows.net/assets/aviatur_assets/img/header/asesor.webp" alt="Whatsapp"></a> #}
  134.     {% endif %}
  135.         {# <a class="hide" href="https://www.aviatur.com/contenidos/asesor-en-linea" style="position: fixed; right: 132px; width: 106px;bottom:20px"><img target="_blank" class="btn_adviser schedule-appointment_icon" src="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/header/asesor.svg')) }}" alt="Whatsapp"></a> #}
  136.     </div>
  139.     {% if pdfGenerator is not defined %}
  140.         {% if app.session.has('operatorId') != 1 and app.session.has('whitemark') != 1 %}
  141.             {% block footer %}
  142.                 {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/footer.html.twig') %}
  143.             {% endblock footer %}
  144.         {% endif %}
  145.         {% block modal %}
  146.             {{ parent()}}
  147.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/callUsModal.html.twig') %}
  148.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Templates/modalLogin.html.twig') with {'redirectLogin': path('aviatur_customer_edit_info')} %}
  149.         {% endblock modal %}
  150.     {% endif %}
  151. {% endblock base_content %}
  152. {% block javascripts_bottom %}
  153.     {{ parent() }}
  154.     <script>
  155.         // Verificación de existencia de los elementos
  156.         let miBoton = document.getElementById("miBoton");
  157.         let help = document.getElementById("needHelp");
  158.         let iconCall = document.getElementById("iconCall");
  159.         let openCall = document.getElementById("openCall");
  160.         let callDarkOpen = document.getElementById("callDarkOpen");
  161.         let callMenu = document.getElementById("callMenu");
  162.         let loLlamamos = document.getElementById("loLlamamos");
  163.         let loLlamamos_soporte_linea = document.getElementById("loLlamamos_soporte_linea");
  164.         let loLlamamos_palm = document.getElementById("loLlamamos_palm");
  165.         let loLlamamos_palm_soporte_linea = document.getElementById("loLlamamos_palm_soporte_linea");
  166.         let wsp = document.getElementById("wsp");
  167.         let comuniquese = document.getElementById("comuniquese");
  168.         let comuniquese_palm = document.getElementById("comuniquese_palm");
  169.         let showLoLlamamos = document.getElementById("showLoLlamamos");
  170.         let divFormLoLlamamos = document.getElementById("divFormLoLlamamos");
  171.         let formLoLlamamos = document.getElementById("formLoLlamamos");
  172.         let resultLoLlamamos = document.getElementById("resultLoLlamamos");
  173.         let closeModal = document.getElementById("closeModal");
  174.         let okCloseModal = document.getElementById("okCloseModal");
  175.         let showComuniquese = document.getElementById("showComuniquese");
  176.         let closeModalComuniquese = document.getElementById("closeModalComuniquese");
  177. let aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa = '';
  178.         // Verificación general antes de ejecutar el código
  179.         let screenWidth = window.innerWidth;
  181.         // Solo ejecutar si los elementos existen
  182.         if (miBoton && help && iconCall && openCall && callDarkOpen && callMenu) {
  183.             // Funcionalidad del botón de ayuda
  184.             let activeCall = false;
  185.             miBoton.addEventListener("click", () => {
  186.                 activeCall = !activeCall;
  187.                 if (activeCall) {
  188.                     miBoton.classList.add("call-btn--close_active");
  189.                     help.style.display = "none";
  190.                     iconCall.setAttribute("width", "38");
  191.                     iconCall.setAttribute("height", "30");
  192.                     iconCall.style.viewBox = "0 -2 20 23";
  193.                     openCall.classList.add("call_bg--open");
  194.                     callDarkOpen.classList.add("call_bg-dark__open");
  195.                     callMenu.classList.add("call-menu--active");
  196.                 } else {
  197.                     miBoton.classList.remove("call-btn--close_active");
  198.                     help.style.display = "block";
  199.                     iconCall.setAttribute("width", "22");
  200.                     iconCall.setAttribute("height", "20");
  201.                     openCall.classList.remove("call_bg--open");
  202.                     callDarkOpen.classList.remove("call_bg-dark__open");
  203.                     callMenu.classList.remove("call-menu--active");
  204.                 }
  205.             });
  206.         }
  208.         // Verificación de existencia de wsp
  209.         if (wsp) {
  210.             wsp.addEventListener("click", () => {
  211.                 if (screenWidth < 723) {
  212.                     wsp.setAttribute("href", "https://api.whatsapp.com/send?phone=5713821616&text=");
  213.                 } else {
  214.                     wsp.setAttribute("href", "https://web.whatsapp.com/send?phone=5713821616&amp;text=");
  215.                 }
  216.             });
  217.         }
  219.         let modalLoLlamamos = false;
  220.         const openModalLollamamos = () => {
  221.             modalLoLlamamos = !modalLoLlamamos;
  222.             showLoLlamamos.style.display = modalLoLlamamos ? "flex" : "none";
  223.         };
  225.         // Modal "Lo Llamamos"
  226.         if (showLoLlamamos && divFormLoLlamamos && formLoLlamamos && resultLoLlamamos) {
  227.             
  229.             // Validar el formulario y manejar el submit
  230.             formLoLlamamos.addEventListener('submit', function (event) {
  231.                 event.preventDefault();
  232.                 modalLoLlamamos = false;
  234.                 if (formLoLlamamos.checkValidity()) {
  235.                     const nombre = formLoLlamamos.elements['Nombre'].value;
  236.                     const numeroCelular = formLoLlamamos.elements['NumeroCelular'].value;
  238.                     resultLoLlamamos.style.display = "block";
  239.                     divFormLoLlamamos.style.display = "none";
  241.                     // Enviar los datos a través de jQuery
  242.                     jQuery.post("/formularios/llamar", ({
  243.                         "name": nombre,
  244.                         "phone": numeroCelular
  245.                     }), function (res) {
  246.                         // alert(res);
  247.                     }).fail(function (xhr, status, error) {
  248.                         console.log('Error en la petición POST');
  249.                         console.error('Error en la petición POST:', error);
  250.                     });
  251.                 } else {
  252.                     formLoLlamamos.reportValidity();
  253.                 }
  254.             });
  256.             // Cerrar el modal
  257.             if (closeModal) {
  258.                 closeModal.addEventListener("click", () => {
  259.                     modalLoLlamamos = false;
  260.                     showLoLlamamos.style.display = "none";
  261.                 });
  262.             }
  264.             // Confirmar cierre del modal
  265.             if (okCloseModal) {
  266.                 okCloseModal.addEventListener("click", () => {
  267.                     resultLoLlamamos.style.display = "none";
  268.                     divFormLoLlamamos.style.display = "block";
  269.                     formLoLlamamos.elements['Nombre'].value = '';
  270.                     formLoLlamamos.elements['NumeroCelular'].value = '';
  271.                     modalLoLlamamos = false;
  272.                     showLoLlamamos.style.display = "none";
  273.                 });
  274.             }
  275.         }
  277.             let modalComuniquese = false;
  278.             const openModalComuniquese = () => {
  279.                 modalComuniquese = !modalComuniquese;
  280.                 showComuniquese.style.display = modalComuniquese ? "flex" : "none";
  281.             };
  282.             // Modal "Comuniquese"
  283.             if (showComuniquese && closeModalComuniquese) {
  284.                 
  286.                 closeModalComuniquese.addEventListener("click", () => {
  287.                     modalComuniquese = false;
  288.                     showComuniquese.style.display = "none";
  289.                 });
  290.             }
  292.             // Desktop lo llamamos
  293.             if (loLlamamos) {
  294.                 loLlamamos.addEventListener("click", openModalLollamamos);
  295.                 if (loLlamamos_soporte_linea) {
  296.                     loLlamamos_soporte_linea.addEventListener("click", openModalLollamamos);
  297.                 }
  298.             }
  300.             // Desktop comuniquese
  301.             if (comuniquese) {
  302.                 comuniquese.addEventListener("click", openModalComuniquese);
  303.             }
  305.             // Verificación de dispositivos móviles
  306.             if (screenWidth < 1024) {
  307.                 // Verificar elementos de móviles antes de agregar eventos
  308.                 if (comuniquese_palm) {
  309.                     comuniquese_palm.addEventListener("click", openModalComuniquese);
  310.                 }
  311.                 if (loLlamamos_palm) {
  312.                     loLlamamos_palm.addEventListener("click", openModalLollamamos);
  313.                 }
  314.                 if (loLlamamos_palm_soporte_linea) {
  315.                     loLlamamos_palm_soporte_linea.addEventListener("click", openModalLollamamos);
  316.                 }
  317.             }
  318.     </script>
  319. {% endblock javascripts_bottom %}