templates/base.html.twig line 35

  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" prefix="og: http://ogp.me/ns#" lang="{{ app.request.getLocale() }}">
  3.     {% set busters = getBustersValues() %}
  4.     {% set webpEnabled = isWebpEnabled() %}
  5.     {% set iubendaCookie = getIubendaCookie(app.request.locale) %}
  6.     <head>
  7.         {% apply spaceless %}
  8.             <meta charset="utf-8">
  9.             <meta name="viewport" content="width=device-width, initial-scale=1">
  10.             <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12.             {% block meta_group %}
  14.                 {% if metatags is defined and metatags %}
  15.                     {% include 'partials/metatags/_custom.html.twig' %}
  16.                 {% else %}
  17.                     {% include 'partials/metatags/_default.html.twig' %}
  18.                 {% endif %}
  20.             {% endblock %}
  22.             {% block meta_canonical %}
  23.                 {% if app.request.attributes.get('_route') %}
  24.                     <link rel="canonical" href="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|default({}))|lower }}" />
  25.                 {% endif %}
  26.             {% endblock %}
  28.             {% block meta_alternate %}
  29.                 {% if hreflangs is defined and hreflangs %}
  30.                     {% for hreflang in hreflangs %}
  31.                         <link rel="alternate" hreflang="{{ hreflang.locale }}" href="{{ hreflang.href|lower }}" />
  32.                     {% endfor %}
  33.                 {% else %}
  34.                     {% for locale in locales %}
  35.                         <link rel="alternate" hreflang="{{ locale }}" href="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|default({})|merge({'_locale': locale}))|lower }}" />
  36.                     {% endfor %}
  37.                 {% endif %}
  38.             {% endblock %}
  40.             {% block meta_robots %}
  41.                 {% if app.environment == 'dev' or app.environment == 'test' %}
  42.                     <meta name="robots" content="noindex,nofollow">
  43.                     <meta name="googlebot" content="noindex,nofollow">
  44.                 {% else %}
  45.                     <meta name="robots" content="index,follow">
  46.                     <meta name="googlebot" content="index,follow">
  47.                 {% endif %}
  48.             {% endblock %}
  50.             <link rel="icon" href="{{ asset('assets/images/frontend/favicon.ico') }}" sizes="any">
  52.             {% set icons = [32, 76, 120, 152, 167, 180, 192, 196]%}
  53.             {% for icon in icons %}
  54.                 <link rel="apple-touch-icon" sizes="{{ icon }}x{{ icon }}" href="{{ asset('assets/images/frontend/webpage-icons/icon-' ~ icon ~ 'x' ~ icon ~ '.png') }}">
  55.             {% endfor %}
  57.             <meta name="apple-mobile-web-app-title" content="Kioene">
  58.             <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  59.             <meta name="apple-mobile-web-app-capable" content="yes">
  60.             <meta name="theme-color" content="#166938">
  61.             <meta name="msapplication-navbutton-color" content="#166938">
  63.             <meta name="geo.region" content="IT">
  64.             <meta name="geo.placename" content="Villanova di Camposampiero">
  65.             <meta name="geo.position" content="45.491379;11.96371">
  66.             <meta name="ICBM" content="45.491379, 11.96371">
  68.             <meta name="msapplication-config" content="none">
  70.             {% block stylesheets %}
  71.                 {# <link rel="preconnect" href="https://fonts.googleapis.com">
  72.                 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  73.                 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet"> #}
  75.                 <link rel="preconnect" href="https://fonts.googleapis.com">
  76.                 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  77.                 <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
  80.                 <link rel="stylesheet" href="https://use.typekit.net/uil7luu.css">
  82.                 <!-- Preload the LCP image with a high fetchpriority so it starts loading with the stylesheet. -->
  83.                 {# <link rel="preload" as="image" href="{{ asset('assets/images/frontend/bg-land-large-mobile.png') }}" type="image/png"> #}
  84.                 <link rel="preload" as="image" href="{{ asset('assets/images/webp/frontend/bg-land-large-mobile.webp') }}" type="image/webp">
  85.                 <link rel="preload" href="{{ asset('assets/fonts/market-fresh/market-fresh-bold.woff2') }}" as="font" type="font/woff2" crossorigin>
  86.                 <link rel="preload" fetchpriority="high" href="{{ asset('assets/css/frontend/fonts.css') }}?v={{ busters['css/frontend/fonts.css'] is defined ? busters['css/frontend/fonts.css'] }}" as="style">
  87.                 <link rel="stylesheet" href="{{ asset('assets/css/frontend/fonts.css') }}?v={{ busters['css/frontend/fonts.css'] is defined ? busters['css/frontend/fonts.css'] }}">
  88.                 <link rel="preload" href="{{ asset('assets/css/frontend/pofo.css') }}?v={{ busters['css/frontend/pofo.css'] is defined ? busters['css/frontend/pofo.css'] }}" as="style">
  89.                 <link rel="stylesheet" href="{{ asset('assets/css/frontend/pofo.css') }}?v={{ busters['css/frontend/pofo.css'] is defined ? busters['css/frontend/pofo.css'] }}">
  90.                 <link rel="preload" href="{{ asset('assets/css/frontend/main.css') }}?v={{ busters['css/frontend/main.css'] is defined ? busters['css/frontend/main.css'] }}" as="style">
  91.                 <link rel="stylesheet" href="{{ asset('assets/css/frontend/main.css') }}?v={{ busters['css/frontend/main.css'] is defined ? busters['css/frontend/main.css'] }}">
  94.             {% endblock %}
  96.             <script type="application/ld+json">
  97.                 {
  98.                     "@context": "https://schema.org",
  99.                     "@type": "Organization",
  100.                     "url": "https://www.kioene.com",
  101.                     "logo": "{{ asset('assets/svg/logo-kioene.svg') }}"
  102.                 }
  103.             </script>
  105.             {% block javascripts '' %}
  107.         {% endapply %}
  109.         <script type="text/javascript">
  110.             var pixel_PageView__now = Math.floor(Date.now() / 1000);
  111.             var pixel_PageView__eventID = pixel_PageView__now + '_' + Math.random().toString(36).substr(2, 9);
  112.             var pixel_em = '';
  113.             var pixel_ph = '';
  114.         </script>
  116.         {% block iubenda_config %}
  118.         <script type="text/javascript">
  119.             var iubendaIds = [];
  120.             var locale = '{{ app.request.locale }}';
  121.             iubendaIds[locale] = {
  122.                 'siteId' : '{{ iubenda[app.request.locale].siteId }}',
  123.                 'cookiePolicyId' : '{{ iubenda[app.request.locale].cookiePolicyId }}',
  124.                 'locale': '{{ iubenda[app.request.locale].locale }}'
  125.             };
  126.         </script>
  128.         {% endblock %}
  130.         <script>
  131.             var url__tracking_pixel="/api/tracking-pixel-api-conversion/ajax.php";
  132.             var url__tracking_pinterest="/api/tracking-pinterest-api-conversion/ajax.php";
  133.             var tracking__locale = '{{ app.request.locale }}';
  134.             var tracking__viewcontent__title = '';
  135.             var tracking__viewcontent__ids = [];
  136.             var tracking__viewcontent__type = 'page';
  137.         </script>
  139.         <!-- Google Tag Manager -->
  140.         <script type="text/javascript">
  141.             window.dataLayer = window.dataLayer || [];
  142.             function gtag(){dataLayer.push(arguments);}
  143.         </script>
  144.         <script type="text/javascript">dataLayer.push({locale: '{{ app.request.locale }}'});</script>
  145.         <script type="application/javascript">
  146.             var checkPixelCallback = false;
  147.             var consent_analytics_storage = 'denied';
  148.             var consent_ad_storage = 'denied';
  149.             var consent_personalization_storage = 'denied';
  150.             var consent_functionality_storage = 'denied';
  151.             var consent_security_storage = 'denied';
  152.             var iubendaCookie = null;
  153.             var cookieName = '_iub_cs-'+iubendaIds[locale]['cookiePolicyId'] + "=";
  154.             var ca = document.cookie.split(';');
  155.             for(var i=0; i<ca.length; i++) {
  156.                 var c = ca[i];
  157.                 while (c.charAt(0)==' ') c = c.substring(1);
  158.                 if (c.indexOf(cookieName) == 0) {
  159.                     iubendaCookie = c.substring(cookieName.length,c.length)
  160.                 }
  161.             }
  162.             if (iubendaCookie) {
  163.                 iubendaCookie = decodeURIComponent(iubendaCookie);
  164.                 iubendaCookie = JSON.parse(iubendaCookie);
  166.                 if (iubendaCookie.purposes[5]) {
  167.                     consent_ad_storage = 'granted';
  168.                     var checkPixelCallback = true;
  169.                     dataLayer.push({
  170.                         consense_marketing: true
  171.                     });
  172.                 }
  174.                 if (iubendaCookie.purposes[4]) {
  175.                     consent_analytics_storage = 'granted';
  176.                     dataLayer.push({
  177.                         anonymizeIp: false,
  178.                     });
  179.                 }
  181.                 if (iubendaCookie.purposes[3]) {
  182.                     consent_personalization_storage = 'granted';
  183.                 }
  185.                 if (iubendaCookie.purposes[2]) {
  186.                     consent_functionality_storage = 'granted';
  187.                 }
  188.             } else {
  189.                 dataLayer.push({
  190.                     anonymizeIp: true,
  191.                     consense_marketing: false
  192.                 });
  193.             }
  195.             gtag('consent', 'default', {
  196.                 'ad_storage': consent_ad_storage,
  197.                 'ad_user_data': consent_ad_storage,
  198.                 'ad_personalization': consent_ad_storage,
  199.                 'analytics_storage': consent_analytics_storage,
  200.                 'wait_for_update': 500,
  201.                 // 'personalization_storage': consent_personalization_storage,
  202.                 // 'functionality_storage': consent_functionality_storage,
  203.                 // 'security_storage': consent_security_storage,
  204.             });
  205.         </script>
  207.         {% block gtm_config %}
  208.         <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  209.                     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  210.                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  211.                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  212.             })(window,document,'script','dataLayer','GTM-MM2BS55');</script>
  213.         {% endblock  %}
  214.         <!-- End Google Tag Manager -->
  215.     </head>
  216.     <body class="body body_{{ app.request.attributes.get('_route')|replace({'_': '-'}) }} {{ app.request.attributes.get('category_slug') ? 'body_' ~ app.request.attributes.get('category_slug') : ''  }} {{ webpEnabled ? 'webp' }} w-100 {% block bodyClass '' %}" {% block bodyStyle '' %}>
  217.     <!-- Google Tag Manager (noscript) -->
  218.     {% block gtm_config_noscript %}
  219.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MM2BS55"
  220.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  221.     {% endblock  %}
  222.     <!-- End Google Tag Manager (noscript) -->
  223.         {% block body %}
  224.             <div class="body__layer-transition body__layer-transition_bg-color_jewel" data-js="layer-transition-2"></div>
  225.             <div class="body__layer-transition body__layer-transition_bg-color_la-riojia" data-js="layer-transition-1"></div>
  226.             <div class="body__layer-transition" data-js="layer-loading">
  227.                 <img src="{{ asset('assets/svg/spin-1.1s-100px.svg') }}" alt="loading">
  228.             </div>
  229.             {% block header %}
  230.                 {{ render(controller(
  231.                     'App\\Controller\\DefaultController::headerAction',
  232.                     { 'route': app.request.attributes.get('_route') }
  233.                 )) }}
  234.             {% endblock %}
  236.             <div class="page overflow-hidden">
  237.                 <div class="page__bg"></div>
  238.                 <div class="page__bg-top" data-transition="element-pre-enter"></div>
  239.                 <div class="page__content margin-lr-auto">
  240.                     {% block content '' %}
  241.                 </div>
  242.                 {% block extraContent '' %}
  243.             </div>
  245.             {% block footer %}
  246.                 {% if app.request.locale == 'it' %}
  247.                     {% include 'wheretobuy/_banner.html.twig' with {'padding': true} %}
  248.                 {% else %}
  249.                     <div class="footer-top position-relative z-index-2"></div>
  250.                 {% endif %}
  252.                 {{ render(controller(
  253.                     'App\\Controller\\DefaultController::footerAction', {'banner': true, 'color': 'white', 'currentPath': app.request.get('_route')}
  254.                 )) }}
  255.             {% endblock %}
  257.             {% block modals '' %}
  262.             {% if app.request.locale == 'it' %}
  263.                 <div class="modal micromodal-slide" id="modalVideo" aria-hidden="true">
  264.                   <div class="modal__overlay" tabindex="-1" data-micromodal-close>
  265.                     <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modalVideo-title">
  266.                       <header class="modal__header">
  267.                         <button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
  268.                       </header>
  269.                       <main class="modal__content" id="modalVideo-content">
  270.                           <video id="beforeAdterVideo" preload="none" data-heroVideo autoplay muted playsinline>
  271.                               <source src="/assets/video/post-reveal.mov" type="video/mp4; codecs=hvc1">
  272.                               <source src="/assets/video/post-reveal.webm" type="video/webm">
  273.                           </video>
  274.                       </main>
  275.                     </div>
  276.                   </div>
  277.                 </div>
  278.             {% endif %}
  284.         {% endblock %}
  285.         {% block javascripts_body %}
  286.             <script type="text/javascript" src="{{ asset('assets/js/gsap/gsap.js') }}?v={{ busters['js/gsap/gsap.js'] is defined ? busters['js/gsap/gsap.js'] }}"></script>
  287.             <script type="text/javascript" src="{{ asset('assets/js/gsap/ScrollTrigger.js') }}?v={{ busters['js/gsap/ScrollTrigger.js'] is defined ? busters['js/gsap/ScrollTrigger.js'] }}"></script>
  288.             <script type="text/javascript" src="{{ asset('assets/js/frontend/main.js') }}?v={{ busters['js/frontend/main.js'] is defined ? busters['js/frontend/main.js'] }}"></script>
  290.             {% if app.request.locale == 'it' %}
  291.                 <script type="text/javascript">
  292.                     MicroModal.init();
  293.                     // MicroModal.show('modalVideo');
  295.                       document.addEventListener("DOMContentLoaded", function() {
  296.                         // --- CONFIG: imposta una stringa 'YYYY-MM-DD' per testare (o lascia null)
  297.                         const DEBUG_DATE = null; // ex: "2025-10-24" oppure null per usare la data reale
  299.                         // --- helper per formattare la data come YYYY-MM-DD
  300.                         function formatYYYYMMDD(d) {
  301.                           const yyyy = d.getFullYear();
  302.                           const mm = String(d.getMonth() + 1).padStart(2, "0");
  303.                           const dd = String(d.getDate()).padStart(2, "0");
  304.                           return `${yyyy}-${mm}-${dd}`;
  305.                         }
  307.                         // --- ottenere "oggi" rispettando DEBUG_DATE se presente
  308.                         function getTodayDateObject() {
  309.                           if (DEBUG_DATE) {
  310.                             // crea Date da DEBUG_DATE (assume formato YYYY-MM-DD)
  311.                             const parts = DEBUG_DATE.split("-");
  312.                             return new Date(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]));
  313.                           }
  314.                           return new Date();
  315.                         }
  317.                         // --- cookie base helpers ---
  318.                         function setRawCookie(name, value, expiresDate) {
  319.                           const expires = expiresDate ? `; expires=${expiresDate.toUTCString()}` : "";
  320.                           document.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;
  321.                         }
  323.                         function getRawCookie(name) {
  324.                           const value = `; ${document.cookie}`;
  325.                           const parts = value.split(`; ${name}=`);
  326.                           if (parts.length === 2) return decodeURIComponent(parts.pop().split(";").shift());
  327.                           return null;
  328.                         }
  330.                         // --- setta cookie con valore = data odierna (YYYY-MM-DD) e scadenza a mezzanotte successiva ---
  331.                         function setCookieWithDate(name) {
  332.                           const today = getTodayDateObject();
  333.                           const dateStr = formatYYYYMMDD(today);
  335.                           // calcola mezzanotte del giorno successivo
  336.                           const midnight = new Date(today);
  337.                           midnight.setHours(24, 0, 0, 0); // mezzanotte successiva
  338.                           setRawCookie(name, dateStr, midnight);
  340.                           console.log(`[Modal] Imposto cookie "${name}" = ${dateStr} (scade: ${midnight.toString()})`);
  341.                         }
  343.                         // --- ritorna la data memorizzata nel cookie solo se corrisponde alla "data corrente" ---
  344.                         function getValidCookieDate(name) {
  345.                           const stored = getRawCookie(name);
  346.                           if (!stored) return null;
  348.                           const today = getTodayDateObject();
  349.                           const todayStr = formatYYYYMMDD(today);
  351.                           if (stored === todayStr) {
  352.                             console.log(`[Modal] Cookie "${name}" valido per oggi: ${stored}`);
  353.                             return stored;
  354.                           } else {
  355.                             console.log(`[Modal] Cookie "${name}" presente ma non corrisponde a oggi (cookie: ${stored} - oggi: ${todayStr}) -> ignoro`);
  356.                             return null;
  357.                           }
  358.                         }
  360.                         // --- configurazione principale ---
  361.                         const modalId = "modalVideo";
  362.                         const modalCookieName = "modalVideoSeenDate";
  364.                         // se il cookie valido per oggi esiste -> non mostrare la modale
  365.                         if (getValidCookieDate(modalCookieName)) {
  366.                           console.log("[Modal] già visto oggi: non mostro la modale.");
  367.                           return;
  368.                         }
  370.                         let cookieSet = false;
  371.                         function markModalSeen() {
  372.                           if (cookieSet) return;
  373.                           cookieSet = true;
  374.                           setCookieWithDate(modalCookieName);
  376.                           removeCloseListeners();
  377.                         }
  379.                         // --- listeners fallback per garantire che il cookie venga impostato ---
  380.                         const closeSelectors = `[data-micromodal-close], .micromodal-close`;
  381.                         let closeElements = [];
  383.                         function addCloseListeners() {
  384.                           const modalEl = document.getElementById(modalId);
  385.                           if (!modalEl) {
  386.                             console.warn(`[Modal] elemento con id="${modalId}" non trovato.`);
  387.                             return;
  388.                           }
  390.                           closeElements = Array.from(modalEl.querySelectorAll(closeSelectors));
  391.                           closeElements.forEach(el => el.addEventListener("click", markModalSeen));
  393.                           document.addEventListener("keydown", escHandler);
  394.                           // fallback per event custom se presente
  395.                           document.addEventListener("micromodal-close", markModalSeen);
  396.                         }
  398.                         function removeCloseListeners() {
  399.                           closeElements.forEach(el => {
  400.                             try { el.removeEventListener("click", markModalSeen); } catch(e){}
  401.                           });
  402.                           document.removeEventListener("keydown", escHandler);
  403.                           document.removeEventListener("micromodal-close", markModalSeen);
  404.                         }
  406.                         function escHandler(e) {
  407.                           if (e.key === "Escape" || e.key === "Esc") {
  408.                             const modalEl = document.getElementById(modalId);
  409.                             if (!modalEl) return;
  411.                             const ariaHidden = modalEl.getAttribute("aria-hidden");
  412.                             if (modalEl.classList.contains("is-open") || ariaHidden === "false") {
  413.                               markModalSeen();
  414.                             }
  415.                           }
  416.                         }
  418.                         // --- inizializzazione MicroModal con onClose che imposta il cookie ---
  419.                         MicroModal.init({
  420.                           onClose: () => {
  421.                             console.log("[Modal] MicroModal onClose fired");
  422.                             markModalSeen();
  423.                           }
  424.                         });
  426.                         // aggiungiamo fallback listeners e mostriamo la modale dopo load
  427.                         addCloseListeners();
  428.                         window.addEventListener("load", function() {
  429.                           setTimeout(() => {
  431.                             if (!getValidCookieDate(modalCookieName)) {
  432.                               MicroModal.show(modalId);
  433.                               console.log(`[Modal] Mostro la modale: ${modalId}`);
  434.                             } else {
  435.                               console.log("[Modal] Cookie valido trovato al momento del load: non mostro.");
  436.                             }
  437.                           }, 2000);
  438.                         });
  440.                       });
  441.                 </script>
  442.             {% endif %}
  443.         {% endblock %}
  445.         {% block javascripts_iubenda %}
  447.             <script>
  448.                 var _iub = _iub || [];
  449.                 _iub.csConfiguration = {
  450.                     "invalidateConsentWithoutLog": true,
  451.                     "consentOnContinuedBrowsing": false,
  452.                     "perPurposeConsent": true,
  453.                     "whitelabel": false,
  454.                     "lang": iubendaIds[locale].locale,
  455.                     "siteId": iubendaIds[locale].siteId,
  456.                     "floatingPreferencesButtonDisplay": "bottom-left",
  457.                     "cookiePolicyId": iubendaIds[locale].cookiePolicyId,
  458.                     "callback": {
  459.                         "onPreferenceFirstExpressed": function(event) {
  460.                             onConsent(event);
  461.                         }
  462.                     },
  463.                     "banner": {
  464.                         "closeButtonRejects": true,
  465.                         "rejectButtonDisplay": true,
  466.                         "rejectButtonColor": "#a2c618",
  467.                         "rejectButtonCaptionColor": "white",
  468.                         "explicitWithdrawal": true,
  469.                         "position": "float-center",
  470.                         "textColor": "black",
  471.                         "backgroundColor": "white",
  472.                         "listPurposes": true,
  473.                         "acceptButtonDisplay": true,
  474.                         "acceptButtonColor": "#046A38",
  475.                         "acceptButtonCaptionColor": "white",
  476.                         "customizeButtonDisplay": true,
  477.                         "customizeButtonColor": "#A3A3A3",
  478.                         "customizeButtonCaptionColor": "white"
  479.                     }
  480.                 };
  481.             </script>
  482.             <script type="text/javascript" src="//cdn.iubenda.com/cs/gpp/stub.js"></script>
  483.             <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
  485.         {% endblock %}
  486.     </body>
  487. </html>