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

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 %} #}
  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.     </div>
  137.     {% if pdfGenerator is not defined %}
  138.         {% if app.session.has('operatorId') != 1 and app.session.has('whitemark') != 1 %}
  139.             {% block footer %}
  140.                 {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/footer.html.twig') %}
  141.             {% endblock footer %}
  142.         {% endif %}
  143.         {% block modal %}
  144.             {{ parent()}}
  145.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/callUsModal.html.twig') %}
  146.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Templates/modalLogin.html.twig') with {'redirectLogin': path('aviatur_customer_edit_info')} %}
  147.         {% endblock modal %}
  148.     {% endif %}
  149. {% endblock base_content %}
  150. {% block javascripts_bottom %}
  151.     {{ parent() }}
  152.     <script>
  153.         let miBoton = document.getElementById("miBoton");
  154.         let help = document.getElementById("needHelp");
  155.         let iconCall = document.getElementById("iconCall");
  156.         let openCall = document.getElementById("openCall");
  157.         let callDarkOpen = document.getElementById("callDarkOpen");
  158.         let callMenu = document.getElementById("callMenu");
  159.         let loLlamamos = document.getElementById("loLlamamos");
  160.         let loLlamamos_soporte_linea = document.getElementById("loLlamamos_soporte_linea");
  161.         let loLlamamos_palm = document.getElementById("loLlamamos_palm");
  162.         let loLlamamos_palm_soporte_linea = document.getElementById("loLlamamos_palm_soporte_linea");
  163.         let wsp = document.getElementById("wsp");
  164.         let comuniquese = document.getElementById("comuniquese");
  165.         let comuniquese_palm = document.getElementById("comuniquese_palm");
  166.         let showLoLlamamos = document.getElementById("showLoLlamamos");
  167.         let divFormLoLlamamos = document.getElementById("divFormLoLlamamos");
  168.         let formLoLlamamos = document.getElementById("formLoLlamamos");
  169.         let resultLoLlamamos = document.getElementById("resultLoLlamamos");
  170.         let closeModal = document.getElementById("closeModal");
  171.         let okCloseModal = document.getElementById("okCloseModal");
  172.         let showComuniquese = document.getElementById("showComuniquese");
  173.         let closeModalComuniquese = document.getElementById("closeModalComuniquese");
  175.         let screenWidth = window.innerWidth;
  177.         //boton principal ayuda
  178.         let activeCall = false;
  179.         miBoton.addEventListener("click", () => {
  180.             activeCall = !activeCall;
  182.             if (activeCall) {
  183.                 miBoton.classList.add("call-btn--close_active");
  184.                 help.style.display = "none";
  185.                 iconCall.setAttribute("width", "38")
  186.                 iconCall.setAttribute("height", "30")
  187.                 iconCall.style.viewBox = "0 -2 20 23"
  188.                 openCall.classList.add("call_bg--open")
  189.                 callDarkOpen.classList.add("call_bg-dark__open")
  190.                 callMenu.classList.add("call-menu--active")
  192.             } else {
  193.                 miBoton.classList.remove("call-btn--close_active");
  194.                 help.style.display = "block";
  195.                 iconCall.setAttribute("width", "22")
  196.                 iconCall.setAttribute("height", "20")
  197.                 openCall.classList.remove("call_bg--open")
  198.                 callDarkOpen.classList.remove("call_bg-dark__open")
  199.                 callMenu.classList.remove("call-menu--active")
  201.             }
  202.         });
  204.         wsp.addEventListener("click", () => {
  205.             if (screenWidth < 723) {
  206.                 wsp.setAttribute("href", "https://api.whatsapp.com/send?phone=5713821616&text=")
  207.             } else {
  208.                 wsp.setAttribute("href", "https://web.whatsapp.com/send?phone=5713821616&amp;text=")
  209.             }
  210.         })
  212.         // modal lo llamamos
  213.         let modalLoLlamamos = false
  215.         let openModalLollamamos = () =>{
  216.             modalLoLlamamos = !modalLoLlamamos;
  217.                 if (modalLoLlamamos) {
  218.                     showLoLlamamos.style.display = "flex";
  219.                 } else {
  220.                     showLoLlamamos.style.display = "none";
  221.                 }
  222.         }
  224.         formLoLlamamos.addEventListener('submit', function(event) {
  225.             event.preventDefault();
  226.             modalLoLlamamos = false;
  228.             if (formLoLlamamos.checkValidity()) {
  229.                 const nombre = formLoLlamamos.elements['Nombre'].value;
  230.                 const numeroCelular = formLoLlamamos.elements['NumeroCelular'].value;
  232.                 resultLoLlamamos.style.display = "block";
  233.                 divFormLoLlamamos.style.display = "none";
  235.                 jQuery.post("/formularios/llamar", ({
  236.                     "name": nombre,
  237.                     "phone": numeroCelular
  238.                 }), function(res){
  239.                     // alert(res);
  240.                 }).fail(function(xhr, status, error) {
  241.                     console.log('Error en la petición POST');
  242.                     console.error('Error en la petición POST:', error);
  243.                 });
  245.             } else {
  246.                 formLoLlamamos.reportValidity();
  247.             }
  248.         });
  251.         // Validador del tipo de texto que se permite en el input
  252.         const validationInputType = (e, type = "text") => {
  253.             if (type === "text") {
  254.                 if (!(e.which > 64 && e.which < 91) && e.which != 8 && e.which != 20 && e.which !== 32 && e.which !== 9) {
  255.                     e.preventDefault();
  256.                 }
  257.             }
  258.             if (type === "phone") {
  259.                 if (!(e.key > -1 && e.key < 10) && e.which != 8 && !(e.which > 95 && e.which < 106) && e.which !== 9) {
  260.                     e.preventDefault();
  261.                 }
  262.             }
  263.         }
  265.         closeModal.addEventListener("click", () => {
  266.             modalLoLlamamos = false
  267.             if (!modalLoLlamamos) {
  268.                 showLoLlamamos.style.display = "none";
  269.             }
  270.         })
  272.         okCloseModal.addEventListener("click", () => {
  273.             resultLoLlamamos.style.display = "none";
  274.             divFormLoLlamamos.style.display = "block"
  276.             formLoLlamamos.elements['Nombre'].value = '';
  277.             formLoLlamamos.elements['NumeroCelular'].value = '';
  279.             modalLoLlamamos = false
  280.             if (!modalLoLlamamos) {
  281.                 showLoLlamamos.style.display = "none";
  282.             }
  283.         })
  285.         // modal comuniquese
  286.         let modalComuniquese = false
  288.         const openModalComuniquese = () => {
  289.             modalComuniquese = !modalComuniquese;
  290.                 if (modalComuniquese) {
  291.                     showComuniquese.style.display = "flex";
  292.                 } else {
  293.                     showComuniquese.style.display = "none";
  294.                 }
  295.         }
  297.         closeModalComuniquese.addEventListener("click", () => {
  298.             modalComuniquese = false
  299.             if (!modalComuniquese) {
  300.                 showComuniquese.style.display = "none";
  301.             }
  302.         })
  304.         // desktop lo llamamos
  305.         loLlamamos.addEventListener("click", openModalLollamamos)
  306.         loLlamamos_soporte_linea.addEventListener("click", openModalLollamamos)
  308.         // desktop comuniquese
  309.         comuniquese.addEventListener("click", openModalComuniquese)
  311.         if (screenWidth < 1024) {
  312.             // mobile lo llamamos
  313.             comuniquese_palm.addEventListener("click", openModalComuniquese)
  315.             // mobile comuniquese
  316.             loLlamamos_palm.addEventListener("click", openModalLollamamos)
  317.             loLlamamos_palm_soporte_linea.addEventListener("click", openModalLollamamos)
  318.         }
  320.     </script>
  321. {% endblock javascripts_bottom %}