src/Aviatur/TwigBundle/Resources/views/aval/Flux/App/base.html.twig line 1

Open in your IDE?
  1. {% set parameters = json_decode(app.session.get(app.request.server.get('HTTP_HOST') ~ '[parameters]'), true) %}
  2. <!DOCTYPE html>
  3. <html>
  4.     <head>
  5.         {% if pdfGenerator is not defined %}
  6.             <script type="text/javascript">
  7.                 var clientId;
  8.                 var domain = '{{ app.session.get('domain') }}';
  9.                 var domainsecure = '{{ app.session.get('domainsecure') }}';
  10.                 (function (w, d, s, l, i) {
  11.                     w[l] = w[l] || [];
  12.                     w[l].push({'gtm.start':
  13.                                 new Date().getTime(), event: 'gtm.js'});
  14.                     var f = d.getElementsByTagName(s)[0],
  15.                         j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
  16.                     j.async = true;
  17.                     j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  18.                     f.parentNode.insertBefore(j, f);
  19.                 })(window, document, 'script', 'dataLayer', 'GTM-MZSFSPN');
  20.                     var dimensionValue = '{{ app.request.server.get("REMOTE_ADDR") }}';
  21.                 {% if (app.session.has('transactionId')) %}
  22.                     var dimensionValue2 = '{{ app.session.get('transactionId') }}';
  23.                 {% endif %}
  24.             </script>
  26.             {% if cards is defined and cybersource.org_id is defined %}
  27.                 {% set src = "https://h.online-metrix.net/fp/tags.js?org_id="~cybersource.org_id~"&session_id=aviaturcom"~ app.session.get('transactionId') %}
  28.                 <script type="text/javascript" src="{{src}}"></script>
  29.             {% endif %}
  30.         {% endif %}
  32.         <meta charset="utf-8">
  33.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  34.         {% block head_viewport %}
  35.             <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  36.         {% endblock head_viewport %}
  37.         <title>{% block head_title %}{% endblock head_title %}</title>
  38.         <meta name="description" content="{% block head_description_content %}{% endblock head_description_content %}">
  39.         <meta name="title" content="{% block head_meta_title %}{% endblock head_meta_title %}">
  40.         <meta name="keywords" content="{% block head_keywords %}{% endblock head_keywords %}">
  41.         {% block head_meta_label %}
  42.         {% endblock head_meta_label%}
  43.         <link rel="icon" type="image/x-icon" sizes="16x16" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/favicon.ico')) }}" />
  44.         <link rel="icon" type="image/x-icon" sizes="32x32" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/favicon.ico')) }}" />
  45.         <link rel="icon" type="image/x-icon" sizes="48x48" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/favicon.ico')) }}" />
  46.         <link rel="icon" type="image/x-icon" sizes="62x62" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/favicon.ico')) }}" />
  48.         {# Librerías leaflet para los marcadores de agrupación #}
  49.         <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" />
  50.         <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css" />
  51.         <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css" />
  53.         <script src="https://cdn.tailwindcss.com"></script>
  54.         <script>
  55.             // completely responsive
  56.             tailwind.config = {
  57.                 theme: {
  58.                     container: {
  59.                         center: false,
  60.                     },
  61.                     extend: {
  62.                         screens: {
  63.                             xs: { max:"575px" }, // mini-mobile
  64.                             s: { min: "575px", max: "768px" }, // mobile
  65.                             m: { min: "768px", max: "992px" }, // tablet
  66.                             l: { min: "993px" }, // desktop
  67.                         },
  68.                     },
  69.                 },
  70.                 plugins: [],
  71.             }
  72.         </script>
  74.         {# styles #}
  75.         {% block stylesheets %}
  76.             <link rel="preconnect" href="https://fonts.googleapis.com">
  77.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  78.             <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
  79.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0" />
  80.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
  81.             <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
  83.             <link type="text/css" rel="stylesheet" href="{{ style(agency_folder.assetStyle() ~ '/css/main.css') }}" />
  84.         {% endblock stylesheets %}
  85.         {# end styles #}
  87.         {# scripts #}
  88.         <script src="{{ script('common.js') }}"></script>
  89.         <script src="{{ script('GeneralBundle//common_aval.js') }}"></script>
  91.         {% if app.session.get('AnonymousEmail') is not null %}
  92.             {# When user set email on "See Booking", this JS set email in input after redirection #}
  93.             {% set anonymousEmail = app.session.get('AnonymousEmail') %}
  94.             <script type="text/javascript">
  95.                 jQuery(document).ready(function () {
  96.                     var anonymousEmail = "{{ anonymousEmail }}";
  97.                     jQuery("#username").val(anonymousEmail);
  98.                     jQuery("#fos_user_registration_form_email").val(anonymousEmail);
  99.                 });
  100.             </script>
  101.         {% endif %}
  102.         {% block javascripts %}
  103.         {% endblock %}
  104.         {# end scripts  #}
  105.         {% if "payment_success_secure" in app.request.attributes.get('_route') %}
  107.         {% endif %}
  108.         <script src="https://tags.tiqcdn.com/utag/adl/tuplus/prod/utag.js" id="utag" value="1" type="text/javascript" async=""></script>
  109.         <script src="https://tags.tiqcdn.com/utag/adl/tuplus/prod/utag.sync.js"></script>
  110.     </head>
  111.     <body ontouchstart="" style="">
  112.         {% if cards is defined and cybersource.org_id is defined %}
  113.             {% set src = "https://h.online-metrix.net/fp/tags?org_id="~cybersource.org_id~"&session_id=aviaturcom"~ app.session.get('transactionId') %}
  114.             <noscript>
  115.                 <iframe style="width: 100px; height: 100px; border: 0; position:absolute; top: -5000px;" src="{{src}}"></iframe>
  116.             </noscript>
  117.         {% endif %}
  119.         <noscript>
  120.             <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZSFSPN" height="0" width="0" style="display:none;visibility:hidden"></iframe>
  121.         </noscript>
  123.         {% for flashMessage in app.session.flashbag.get('notice') %}
  124.             <div class="flash-notice">
  125.                 {{ flashMessage }}
  126.             </div>
  127.         {% endfor %}
  129.         {% block overlay %}
  130. <script>
  131.     document.addEventListener("DOMContentLoaded", function () {
  132.         const overlay = document.querySelector(".js-globalOverlay");
  133.         if (overlay) {
  134.             overlay.style.display = "none";
  135.             window.addEventListener("load", function () {
  136.                 overlay.style.display = "none";
  137.             });
  138.             window.addEventListener("pageshow", function () {
  139.                 overlay.style.display = "none";
  140.             });
  141.         }
  142.     });
  143. </script>
  144. <script>
  145.     const raiseTealiumModal = () => {
  146.         const modal = document.getElementById("__tealiumGDPRecModal");
  147.         if (modal) {
  148.             modal.style.position = "fixed";
  149.             modal.style.left = "0";
  150.             modal.style.bottom = "0";
  151.             modal.style.width = "100vw";
  152.             modal.style.zIndex = "999999"; // Asegura que esté encima de todo
  153.             modal.style.pointerEvents = "auto"; // Permite hacer clic
  154.         }
  155.     };
  157.     const observer = new MutationObserver(raiseTealiumModal);
  158.     observer.observe(document.body, { childList: true, subtree: true });
  159. </script>
  161.             <div class="overlay js-globalOverlay" style="display: none;">
  162.                 <div class="overlay-center">
  163.                     <div id="js-spinOverlay" class="spinOverlay"></div>
  164.                     <p class="spin-text js-globalOverlay-text">Al finalizar tu compra podrás seleccionar la cantidad de puntos a redimir</p>
  165.                 </div>
  166.             </div>
  167.             <div class="responsive-js"></div>
  168.         {% endblock %}
  170.         {% block base_content %}
  171.             {% block header %}
  172.             {% endblock %}
  174.             {% block body %}
  175.             {% endblock body %}
  177.             {% block content %}
  178.             {% endblock content %}
  180.             {% block footer %}
  181.             {% endblock footer %}
  183.             {% block modal %}
  184.                 <div id="js-globalModal" class="modal fade">
  185.                     <div class="modal-dialog">
  186.                         <div class="modal-content">
  187.                             <div class="page-head__logo-wrapper relative inline-block" style="height: 100px" >
  188.                                 <img class="page-head__aviatur" src="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/header/tuplus.png')) }}" alt="Viajes tuplús | Agencia de viajes" title="Viajes tuplús | Agencia de viajes">
  189.                             </div>
  190.                             <div class="modal-header">
  191.                                 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  192.                                 {# <h4 id="js-globalModal-title" class="modal-title">Modal title</h4>#}
  193.                             </div>
  194.                             <div class="modal-body modal-padding">
  195.                                 <h4 id="js-globalModal-title" class="modal-title">Modal title</h4>
  196.                                 <div id="js-globalModal-illustration" {# class="modal-illustration" #}></div>
  197.                                 <p id="js-globalModal-text" class="modal-text modal-text--error"></p>
  198.                                 <button type="button" class="btn condensed" data-dismiss="modal">Aceptar</button>
  199.                             </div>
  200.                         </div>
  201.                     </div>
  202.                 </div>
  203.             {% endblock modal %}
  204.         {% endblock base_content %}
  206.         {% block javascripts_bottom %}
  207.             {# end Script emblue emails #}
  208.             <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet-src.js" integrity="sha512-IkGU/uDhB9u9F8k+2OsA6XXoowIhOuQL1NTgNZHY1nkURnqEGlDZq3GsfmdJdKFe1k1zOc6YU2K7qY+hF9AodA==" crossorigin="anonymous"></script>
  209.             <script src="https://unpkg.com/leaflet.markercluster@1.3.0/dist/leaflet.markercluster-src.js" integrity="sha384-NAOEbWFcjnXc7U9GkULPhupHZNAbqru9dS3c+4ANYAwtFoVAWuVuMVDH0DIy4ESp" crossorigin="anonymous"></script>
  210.             <script src="{{ asset('assets/common_assets/js/vendor/leaflet.bezier.js') }}"></script>
  211.         {% endblock javascripts_bottom %}
  212.     </body>
  213. </html>
  214. <script>
  215.     jQuery('.modal-header').hide()
  216. </script>