src/Aviatur/TwigBundle/Resources/views/buenturismo/Flux/App/base.html.twig line 436

Open in your IDE?
  1. {% set parameters = json_decode(app.session.get(app.request.server.get('HTTP_HOST') ~ '[parameters]'), true) %}
  2. {% set agencyDataInfo = app.session.get('agencyDataInfo') %}
  4. {% if parameters['blob_azure_assets'] is defined %}
  5.     {% set assetsBlobUrl = parameters['blob_azure_assets'] %}
  6. {% else %}
  7.     {% set assetsBlobUrl = "https://aviaturcdndev.z5.web.core.windows.net/" %}
  8. {% endif %}
  10. <!DOCTYPE html>
  11. <html style="scroll-behavior: smooth;">
  12.     <head>
  13.         <meta charset="utf-8">
  14.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  16.         {% block head_viewport %}
  17.             <meta name="viewport" content="width=device-width, initial-scale=1">
  18.         {% endblock head_viewport %}
  20.         <title>
  21.             {% block head_title %}{% endblock head_title %}
  22.         </title>
  23.         <meta name="description" content="{% block head_description_content %}{% endblock head_description_content %}">
  24.         <meta name="title" content="{% block head_meta_title %}{% endblock head_meta_title %}">
  25.         <meta name="keywords" content="{% block head_keywords %}{% endblock head_keywords %}">
  27.         <link rel="icon" type="image/x-icon" href="{{ assetsBlobUrl ~ 'assets/' ~ agency_folder.assetStyle() ~ '/img/header/favicon.png' }}"/>
  28.         <link rel="apple-touch-icon" href="{{ assetsBlobUrl ~ 'assets/' ~ agency_folder.assetStyle() ~ '/img/header/favicon.png' }}"/>
  29.         <link
  30.         rel="android-touch-icon" href="{{ assetsBlobUrl ~ 'assets/' ~ agency_folder.assetStyle() ~ '/img/header/favicon.png' }}"/>
  32.         {# styles #}
  33.             {% block stylesheets %}
  34.             <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  36.             <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Ubuntu:wght@300;400;500;700&display=swap" rel="stylesheet">
  37.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0"/>
  38.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"/>
  39.             <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
  41.             <link type="text/css" rel="stylesheet" href="{{ style('default_assets/css/main.css') }}"/>
  43.              <script src="https://cdn.tailwindcss.com"></script>
  44.              <script>
  45.                 tailwind.config = {
  46.                     theme: {
  47.                         extend: {
  48.                             screens: {
  49.                                 xs:{ max: "575px" },
  50.                                 s: { min: "576px", max: "767px" },
  51.                                 m: { min: "768px", max: "992px" },
  52.                                 l: { min: "993px" },                                        
  53.                                 phone:  { min: "320px"},
  54.                                 tablet: { min: "721px"},
  55.                                 desk:   { min: "951px"},
  56.                                 wide:   { min: "1750px"}
  57.                             },
  58.                             colors: {}
  59.                         }
  60.                     },
  61.                     plugins: []
  62.                 }
  63.             </script>
  65.                 <style>
  66.             .nav-main__item.is-active,
  67.             .is-active.nav-main__item--blog {
  68.                 border-top: 0.175rem inset #facc03;
  69.                 color: #facc03;
  70.             }
  71.             .nav-scroll a.is-active {
  72.                 color: #facc03;
  73.             }
  74.             .nav-scroll a {
  75.                 color: white;
  76.             }
  77.             @media screen and(max-width: 768px) {
  78.                 .nav-main__item,
  79.                 .nav-scroll a {
  80.                     color: white;
  81.                     text-decoration: none;
  82.                     padding: 10px 15px;
  83.                     font-size: 1rem;
  84.                     transition: color 0.3s, border-top 0.3s;
  85.                 }
  86.                 .nav-scroll a.is-active {
  87.                     color: white;
  88.                 }
  89.             }
  90.             .btn,
  91.             .btn-flight-blog,
  92.             .btn--slim {
  93.                 background-color: #00a7c5;
  94.                 border-color: #00a7c5;
  95.             }
  96.             .btn:hover {
  97.                 background-color: #00a7c5;
  98.                 filter: brightness(1.1);
  99.                 border-color: #00a7c5;
  100.             }
  101.                     </style>
  102.         {% endblock stylesheets %}
  103.         {# end styles #}
  105.         {# scripts #}
  106.          <script src="{{ script('common.js') }}"></script>
  107.          <script type="module" src="{{ script('GeneralBundle//emblue_index.js') }}"></script>
  108.              <script src="https://apis.google.com/js/api:client.js" crossorigin="anonymous"></script>
  110.         {% if app.session.get('WorldChangeCoin') is defined and app.session.get('WorldChangeCoin') == 'true' %}
  111.         {% include twig_exists('@AviaturTwig/' ~ agency_folder.twigFlux() ~ '/General/Components/worldpayFunction.html.twig') %}
  112.         {% endif %} <link rel="stylesheet"href="{{ asset('assets/default_assets/css/firebase-main.css') }}"/> {% if parameters['firebasescripts'] == 'true' %}
  113.             <link
  114.             rel="stylesheet" href="https://aviaturcdndev.z5.web.core.windows.net/source/main.css">
  115.          <script src="https://aviaturcdndev.z5.web.core.windows.net/source/script.js" type="text/javascript"></script>
  116.         {% endif %}
  118.         {% if pdfGenerator is not defined %}
  119.              <script type="text/javascript">
  120.                 var clientId;
  121.                 var domain = '{{ app.session.get('domain') }}';
  122.                 var domainsecure = '{{ app.session.get('domainsecure') }}';
  123.             
  124.                 (function (i, s, o, g, r, a, m) {
  125.                     i['GoogleAnalyticsObject'] = r;
  126.                     i[r] = i[r] || function () {
  127.                         (i[r].q = i[r].q || []).push(arguments)
  128.                     }, i[r].l = 1 * new Date();
  129.                     a = s.createElement(o), m = s.getElementsByTagName(o)[0];
  130.                     a.async = 1;
  131.                     a.src = g;
  132.                     m.parentNode.insertBefore(a, m)
  133.                 })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  134.             
  135.                 ga('create', 'UA-64309537-1', 'auto', {
  136.                     cookieDomain: '{{ app.request.server.get("HTTP_HOST")|replace({'www.':''}) }}',
  137.                     allowLinker: true
  138.                 });
  139.                 ga('require', 'displayfeatures');
  140.                 ga('require', 'linkid', 'linkid.js');
  141.                 ga('require', 'linker');
  142.                 ga('require', 'ec');
  143.                 ga('linker:autoLink', [domain, domainsecure, 'pasabordo.com.co', 'grupoaviatur.com']);
  144.                 ga('linker:autoLink', [domain, domainsecure, 'pasabordo.com.co', 'grupoaviatur.com'], false, true);
  145.             
  146.                 var dimensionValue = '{{ app.request.server.get("REMOTE_ADDR") }}';
  147.                 {% if app.session.has('transactionId') %}
  148.                     var dimensionValue2 = '{{ app.session.get('transactionId') }}';
  149.                 {% else %}
  150.                     var dimensionValue2 = '';
  151.                 {% endif %}
  152.             
  153.                 var dimensionValue3 = '';
  154.                 var dimensionValue4 = '';
  155.                 var dimensionValue5 = '';
  156.                 var dimensionValue6 = '';
  157.             
  158.                 ga('send', 'pageview', {
  159.                     'dimension1': dimensionValue,
  160.                     'dimension2': dimensionValue2,
  161.                     'dimension3': dimensionValue3,
  162.                     'dimension4': dimensionValue4,
  163.                     'dimension5': dimensionValue5,
  164.                     'dimension6': dimensionValue6
  165.                 });
  166.             </script>
  167.         {% endif %}
  168.         {% if parameters['aviatur_close_modal_login'] is defined %}
  169.             {% set activate_login = json_decode(parameters['aviatur_close_modal_login'], true) %}
  170.             {% if activate_login[app.session.get('agencyId')] is defined %}
  171.                 {% set swLoginClose = activate_login[app.session.get('agencyId')] %}
  172.             {% else %}
  173.                 {% set swLoginClose = activate_login['all'] %}
  174.             {% endif %}
  175.         {% endif %}
  177.         {# Parametrización boton continuar sin iniciar sesión #}
  178.         {% if parameters['aviatur_continue_without_logging'] is defined %}
  179.             {% set continue_without_logging = json_decode(parameters['aviatur_continue_without_logging'], true) %}
  180.             {% if continue_without_logging[app.session.get('agencyId')] is defined %}
  181.                 {% set continueWithoutLogging = continue_without_logging[app.session.get('agencyId')] %}
  182.             {% else %}
  183.                 {% set continueWithoutLogging = continue_without_logging['all'] %}
  184.             {% endif %}
  185.         {% endif %}
  187.          <script>
  188.         document.addEventListener("DOMContentLoaded", function () {
  189.             const googleBtn = document.getElementById('customGoogleBtn');
  190.         
  191.             googleBtn.addEventListener('click', function (e) {
  192.                 e.preventDefault();
  193.         
  194.                 const clientId = '{{ google_idclient_login }}';
  195.                 const redirectUri = '{{ url("aviatur_customer_login_social_secure") }}';
  196.                 const scope = 'openid email profile';
  197.                 const responseType = 'code';
  198.         
  199.                 console.log("Redirect URI generada:", redirectUri);
  200.         
  201.                 const authUrl =
  202.                     `https://accounts.google.com/o/oauth2/v2/auth?` +
  203.                     `client_id=${clientId}` +
  204.                     `&redirect_uri=${encodeURIComponent(redirectUri)}` +
  205.                     `&response_type=${responseType}` +
  206.                     `&scope=${encodeURIComponent(scope)}` +
  207.                     `&prompt=select_account`;
  208.         
  209.                 console.log("URL de autenticación:", authUrl);
  210.         
  211.                 window.location.href = authUrl;
  212.             });
  213.         });
  214.         </script>
  216.          <script>
  217.         var fbid = '{{ facebook_appid_login }}';
  218.         window.fbAsyncInit = function() {
  219.             FB.init({
  220.                 appId   : fbid,
  221.                 cookie  : true,
  222.                 xfbml   : true,
  223.                 version : 'v7.0',
  224.                 oauth   : true,
  225.                 status  : true
  226.             });
  227.             FB.AppEvents.logPageView();
  228.         };
  229.         
  230.         (function(d, s, id){
  231.             var js, fjs = d.getElementsByTagName(s)[0];
  232.             if (d.getElementById(id)) return;
  233.             js = d.createElement(s); js.id = id;
  234.             js.src = "https://connect.facebook.net/en_US/sdk.js";
  235.             fjs.parentNode.insertBefore(js, fjs);
  236.         }(document, 'script', 'facebook-jssdk'));
  237.         
  238.         function checkLoginState() {
  239.             FB.getLoginStatus(function(response) {
  240.                 statusChangeCallback(response);
  241.             });
  242.         }
  243.         
  244.         function loginFace(){
  245.             FB.login(function(response) {
  246.                 if (response.authResponse) {
  247.                     var $modalLogin = jQuery('#js-modalLogin');
  248.                     FB.api('/me', {fields: 'first_name, last_name, email, picture'}, function (response2) {
  249.                         response2.picture2 = "http://graph.facebook.com/" + response2.id + "/picture?type=normal";
  250.                         jQuery(".js-globalOverlay").attr("style", "z-index: 1200 !important;");
  251.                         jQuery(".js-globalOverlay-text").text("Iniciando sesión");
  252.                         jQuery(".js-globalOverlay").show();
  253.                         jQuery.ajax({
  254.                             url: '/customer/social-networks-callback',
  255.                             type: 'POST',
  256.                             crossDomain: true,
  257.                             data: {data: response2, red: "facebook"},
  258.                             success: function (data) {
  259.                                 if(data.status == "redirect") {
  260.                                     FB.logout();
  261.                                     if(pathname[2] == "detalle" || pathname[2] == "pasajeros-reserva" || pathname[2] == "formulario") {
  262.                                         location.reload();
  263.                                     } else {
  264.                                         window.location.replace("/");
  265.                                     }
  266.                                 }
  267.                             },
  268.                             error: function () {
  269.                                 $modalLogin.find('.close[data-dismiss="modal"]').trigger('click');
  270.                                 jQuery(".js-globalOverlay").hide();
  271.                             },
  272.                             complete: function () {}
  273.                         });
  274.                     });
  275.                 } else {
  276.                     console.log('User cancelled login or did not fully authorize.');
  277.                 }
  278.             },{scope: 'email,public_profile'});
  279.         }
  280.         </script>
  282.         {% if app.user %}
  283.              <script>
  284.                 var customerLogged = true;
  285.                 var documentNum = '{{ app.user.documentNumber }}';
  286.                 var documentType = '{{ app.user.documentType }}';
  287.             
  288.                 {% if parameters['switch_login_agencies'] is defined %}
  289.                     {% set login_agencies = json_decode(parameters['switch_login_agencies'], true) %}
  290.                     {% if login_agencies[app.session.get('agencyId')] is defined %}
  291.                         {% set login_is_on = login_agencies[app.session.get('agencyId')] %}
  292.                     {% else %}
  293.                         {% set login_is_on = login_agencies['all'] %}
  294.                     {% endif %}
  295.                 {% else %}
  296.                     {% set login_is_on = '0' %}
  297.                 {% endif %}
  298.             
  299.                 var login_is_on = "{{ login_is_on }}";
  300.             </script>
  301.             {% else %}
  302.              <script>var customerLogged = false;</script>
  303.         {% endif %}
  304.         {% if 'aviatur_general_homepage' in app.request.get('_route') %}
  305.     {% if app.user.username is defined %}
  306.         <script>
  307.             jQuery(document).ready(function () {
  308.                 var dtCustomerFacebook = '{{ app.user.facebookId }}';
  309.                 var dtCustomerGoogle = '{{ app.user.googleId }}';
  310.                 var address = '{{ app.user.address }}';
  311.                 var documentNum = '{{ app.user.documentNumber }}';
  313.                 if (dtCustomerFacebook || dtCustomerGoogle) {
  314.                     if (documentNum.length == 0 && address.length == 0) {
  315.                         window.location.replace("/customer/edit");
  316.                     }
  317.                 }
  318.             });
  319.         </script>
  320.     {% else %}
  321.         <script>
  322.             sessionStorage.setItem('countDialogLogin', 0);
  323.             var countDialogLogin = 0;
  325.             jQuery(document).ready(function () {
  326.                 jQuery("#close-dialog-login").on('click', function () {
  327.                     jQuery("#dialog-login-home").hide();
  328.                 });
  329.             });
  330.         </script>
  331.     {% endif %}
  332. {% endif %}
  334. {% if 'aviatur_customer_edit_info' in app.request.get('_route') %}
  335.     {% if app.user.username is defined %}
  336.         <script>
  337.             jQuery(document).ready(function () {
  338.                 var dtCustomerFacebook = '{{ app.user.facebookId }}';
  339.                 var dtCustomerGoogle = '{{ app.user.googleId }}';
  341.                 jQuery("#customer_edit_form_email").attr("type", "email");
  342.                 jQuery("#customer_edit_form_CivilStatus").parent().parent().parent().hide();
  344.                 if (dtCustomerFacebook || dtCustomerGoogle) {
  345.                     if (jQuery("#customer_edit_form_DocumentNumber").val() == "") {
  346.                         jQuery("#customer_edit_form_DocumentNumber").removeAttr("readonly");
  347.                     }
  348.                     jQuery(".js-reserva-submit-password").hide();
  349.                     jQuery("#customer_edit_form_email").hide();
  350.                     jQuery('[for^="customer_edit_form_email"]').hide();
  351.                 }
  352.             });
  353.         </script>
  354.     {% endif %}
  355. {% endif %}
  357. {% if app.session.get('AnonymousEmail') is not null %}
  358.     {% set anonymousEmail = app.session.get('AnonymousEmail') %}
  359.     <script type="text/javascript">
  360.         jQuery(document).ready(function () {
  361.             var anonymousEmail = "{{ anonymousEmail }}";
  362.             jQuery("#username").val(anonymousEmail);
  363.             jQuery("#fos_user_registration_form_email").val(anonymousEmail);
  364.         });
  365.     </script>
  366. {% endif %}
  368. {# End scripts #}
  369. {% if "payment_success_secure" in app.request.attributes.get('_route') %}{% endif %}
  371. {% block javascripts_header %}
  372.     {# 
  373.     {% if cards is defined %}
  374.         {% if cybersource is not empty and cybersource.org_id is defined %}
  375.             {% set src = "https://h.online-metrix.net/fp/tags.js?org_id=" ~ cybersource.org_id ~ "&session_id=aviaturcom" ~ app.session.get('transactionId') %}
  376.             <script type="text/javascript" src="{{ src }}"></script>
  377.         {% endif %}
  378.     {% endif %}
  379.     #}
  380. {% endblock %}
  382. </head>
  383. <body ontouchstart="">
  384.     {% if agencyDataInfo['agency_phones'] %}
  385.         {% set agencyWhat = agencyDataInfo['agency_phones']['what'] %}
  386.         {% set agencyPhones = agencyDataInfo['agency_phones']['all'] %}
  387.     {% endif %}
  389.     <p class="app-name hide">{{ app.session.get('domain') }}</p>
  391.     {% block body_scripts %}
  392.         {# 
  393.         {% if cards is defined %}
  394.             {% if cybersource is not empty and cybersource.org_id is defined %}
  395.                 {% set src = "https://h.online-metrix.net/fp/tags?org_id=" ~ cybersource.org_id ~ "&session_id=aviaturcom" ~ app.session.get('transactionId') %}
  396.                 <noscript>
  397.                     <iframe style="width: 100px; height: 100px; border: 0; position:absolute; top: -5000px;" src="{{ src }}"></iframe>
  398.                 </noscript>
  399.             {% endif %}
  400.         {% endif %}
  401.         #}
  402.     {% endblock %}
  404.     {% for flashMessage in app.session.flashbag.get('notice') %}
  405.         <div class="flash-notice">{{ flashMessage }}</div>
  406.     {% endfor %}
  408.     {% block overlay %}
  409.         <script>
  410.             document.addEventListener("DOMContentLoaded", function () {
  411.                 const overlay = document.querySelector(".js-globalOverlay");
  412.                 if (overlay) {
  413.                     overlay.style.display = "none";
  414.                     window.addEventListener("load", function () {
  415.                         overlay.style.display = "none";
  416.                     });
  417.                     window.addEventListener("pageshow", function () {
  418.                         overlay.style.display = "none";
  419.                     });
  420.                 }
  421.             });
  422.         </script>
  424.         <div class="overlay js-globalOverlay" style="display: none;">
  425.             <div class="overlay-center">
  426.                 <svg class="mat-loader--200 center-block" height="200" width="200">
  427.                     <circle class="mat-loader--200__path" cx="100" cy="100" r="80" fill="none" stroke-width="6" stroke-miterlimit="10"/>
  428.                 </svg>
  429.                 <p class="spin-text js-globalOverlay-text">Cargando...</p>
  430.             </div>
  431.         </div>
  432.         <div class="responsive-js"></div>
  433.     {% endblock %}
  435.     {% block base_content %}
  436.         {% block header %}{% endblock %}
  437.         {% block body %}{% endblock body %}
  438.         {% block content %}{% endblock content %}
  439.         {% block footer %}{% endblock footer %}
  441.         {% block modal %}
  442.             <div id="js-globalModal" class="modal fade">
  443.                 <div class="modal-dialog">
  444.                     <div class="modal-content">
  445.                         <div class="modal-header">
  446.                             <button type="button" class="close" data-dismiss="modal">
  447.                                 <span aria-hidden="true">&times;</span>
  448.                                 <span class="sr-only">Close</span>
  449.                             </button>
  450.                             <h4 id="js-globalModal-title" class="modal-title">Modal title</h4>
  451.                         </div>
  452.                         <div class="modal-body">
  453.                             <div id="js-globalModal-illustration"></div>
  454.                             <p id="js-globalModal-text" class="modal-text modal-text--error"></p>
  455.                         </div>
  456.                     </div>
  457.                 </div>
  458.             </div>
  459.         {% endblock modal %}
  460.     {% endblock base_content %}
  462.     {% block javascripts %}{% endblock %}
  463.     {% block javascripts_bottom %}
  464.     {% endblock javascripts_bottom %}
  466.     <!-- Facebook Pixel Code -->
  467.     <script>
  468.         !function (f, b, e, v, n, t, s) {
  469.             if (f.fbq) return;
  470.             n = f.fbq = function () {
  471.                 n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
  472.             };
  473.             if (!f._fbq) f._fbq = n;
  474.             n.push = n; n.loaded = !0; n.version = '2.0';
  475.             n.queue = [];
  476.             t = b.createElement(e); t.async = !0;
  477.             t.src = v;
  478.             s = b.getElementsByTagName(e)[0];
  479.             s.parentNode.insertBefore(t, s)
  480.         }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
  482.         fbq('init', '124649384848609');
  483.         fbq('track', 'PageView');
  484.     </script>
  485.     <noscript>
  486.         <img height="1" width="1"
  487.              src="https://www.facebook.com/tr?id=124649384848609&ev=PageView&noscript=1"/>
  488.     </noscript>
  489.     <!-- End Facebook Pixel Code -->
  490. </body>
  491. </html>