script.js

// =====================
// Service Worker registration
// =====================
if ('serviceWorker' in navigator) {
 window.addEventListener('load', () => {
 navigator.serviceWorker.register('/sw.js').catch(() => {});
 });
}

// =====================
// Logo click handler
// =====================
document.addEventListener('DOMContentLoaded', () => {
 const logo = document.querySelector('.logo');
 if (logo) {
 logo.addEventListener('click', showThankYou);
 }
});

// =====================
// Google Analytics (delayed load)
// =====================
setTimeout(() => {
 const s = document.createElement('script');
 s.src = "https://www.googletagmanager.com/gtag/js?id=G-9FWQFZME3Z";
 s.async = true;

 s.onload = () => {
 window.dataLayer = window.dataLayer || [];
 function gtag(){ dataLayer.push(arguments); }
 gtag('js', new Date());
 gtag('config', 'G-9FWQFZME3Z');
 };

 document.head.appendChild(s);
}, 3000);


// =====================
// UTM TRACKING
// =====================
const params = new URLSearchParams(window.location.search);
const utmSource = params.get('utm_source');

if (utmSource) {
 document.cookie = `utm_source=${encodeURIComponent(utmSource)}; path=/; max-age=2592000; SameSite=Lax; Secure`;
}


// =====================
// MailerLite (deferred loading via IntersectionObserver)
// =====================
(function() {
 function loadMailerLite() {
 // Load MailerLite fonts CSS
 var fontsLink = document.createElement('link');
 fontsLink.rel = 'stylesheet';
 fontsLink.href = 'https://assets.mlcdn.com/fonts.css?version=1762785';
 fontsLink.media = 'print';
 fontsLink.onload = function() { this.media = 'all'; };
 document.head.appendChild(fontsLink);

 // Load mailerlite.css
 var mlCSS = document.createElement('link');
 mlCSS.rel = 'stylesheet';
 mlCSS.href = '/mailerlite.css';
 document.head.appendChild(mlCSS);

 // Load MailerLite universal.js
 (function(w,d,e,u,f,l,n){
 w[f] = w[f] || function(){ (w[f].q = w[f].q || []).push(arguments); };
 l = d.createElement(e);
 l.async = 1;
 l.src = u;
 n = d.getElementsByTagName(e)[0];
 n.parentNode.insertBefore(l,n);
 })(window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');

 setTimeout(() => {
 if (typeof ml === "function") {
 ml('account', '1922622');
 }
 }, 1000);

 // Load webforms.min.js
 var mlWebforms = document.createElement('script');
 mlWebforms.src = 'https://groot.mailerlite.com/js/w/webforms.min.js?v176e10baa5e7ed80d35ae235be3d5024';
 mlWebforms.defer = true;
 document.body.appendChild(mlWebforms);
 }

 var newsletterSection = document.getElementById('newsletter');
 if (newsletterSection && 'IntersectionObserver' in window) {
 var observer = new IntersectionObserver(function(entries) {
 entries.forEach(function(entry) {
 if (entry.isIntersecting) {
 loadMailerLite();
 observer.disconnect();
 }
 });
 }, { rootMargin: '200px' });
 observer.observe(newsletterSection);
 } else {
 loadMailerLite();
 }
})();


// =====================
// SupportFast chatbot (deferred to idle)
// =====================
(function() {
 function loadSupportFast() {
 var s = document.createElement('script');
 s.id = 'supportfast-script';
 s.src = 'https://cdn.supportfast.ai/chatbot.js';
 s.setAttribute('data-chatbot-id', 'bot-09dcew6lcq');
 s.defer = true;
 document.body.appendChild(s);
 }

 if ('requestIdleCallback' in window) {
 requestIdleCallback(loadSupportFast, { timeout: 5000 });
 } else {
 setTimeout(loadSupportFast, 5000);
 }
})();


// =====================
// Popup ad (safe) — dialog with focus trap
// =====================
window.addEventListener("load", () => {
 const popup = document.getElementById('popup-ad');
 const closeBtn = document.getElementById('popupCloseBtn');
 if (!popup || !closeBtn) return;

 function setBackgroundInert(inert) {
 const targets = document.querySelectorAll('header, main, footer, nav');
 targets.forEach((el) => {
 if (inert) el.setAttribute('inert', '');
 else el.removeAttribute('inert');
 });
 }

 function openPopup() {
 popup.style.display = 'block';
 popup.setAttribute('aria-hidden', 'false');
 setBackgroundInert(true);
 closeBtn.focus();
 popup.addEventListener('keydown', trapFocus);
 }

 function closePopup() {
 popup.style.display = 'none';
 popup.setAttribute('aria-hidden', 'true');
 setBackgroundInert(false);
 popup.removeEventListener('keydown', trapFocus);
 }

 function trapFocus(e) {
 const focusable = popup.querySelectorAll('a, button, [tabindex]:not([tabindex="-1"])');
 if (!focusable.length) return;
 const first = focusable[0];
 const last = focusable[focusable.length - 1];
 if (e.key === 'Tab') {
 if (e.shiftKey && document.activeElement === first) {
 e.preventDefault();
 last.focus();
 } else if (!e.shiftKey && document.activeElement === last) {
 e.preventDefault();
 first.focus();
 }
 }
 if (e.key === 'Escape') closePopup();
 }

 closeBtn.addEventListener('click', closePopup);

 if (!sessionStorage.getItem('hd_popup_shown')) {
 sessionStorage.setItem('hd_popup_shown', '1');
 setTimeout(openPopup, 5000);
 }
});


// =====================
// MailerLite success handler (safe)
// =====================
function ml_webform_success_33394663() {
 const $ = window.ml_jQuery || window.jQuery;
 if (!$) return;

 $('.ml-subscribe-form-33394663 .row-success').show();
 $('.ml-subscribe-form-33394663 .row-form').hide();
}


// =====================
// Last updated script (safe fetch)
// =====================
document.addEventListener("DOMContentLoaded", async () => {
 const items = document.querySelectorAll(".last-updated");

 for (const el of items) {
 const path = el.dataset.meta;
 if (!path) continue;

 try {
 const res = await fetch(path, { cache: "no-store" });
 if (!res.ok) throw new Error();

 const data = await res.json();
 const last = new Date(data.lastUpdated);
 const days = Math.floor(
 (Date.now() - last) / (1000 * 60 * 60 * 24)
 );

 const text =
 days === 0 ? "Updated today" :
 days === 1 ? "Updated yesterday" :
 `Updated ${days} days ago`;

 el.textContent = `🕒 ${text}`;
 } catch {
 el.textContent = "";
 }
 }
});


// =====================
// Secret typing easter egg (safe)
// =====================
(function () {
 let typed = "";
 const secret = "HELLENICDEV";
 const message = document.getElementById("hidden-thanks");
 let triggered = false;

 document.addEventListener("keydown", (e) => {
 if (triggered) return;
 if (e.key.length !== 1) return;

 typed += e.key.toUpperCase();
 typed = typed.slice(-secret.length);

 if (typed === secret && message) {
 message.style.display = "block";
 triggered = true;
 }
 });
})();


// =====================
// Logo click
// =====================
function showThankYou() {
 const msg = document.getElementById("hidden-thanks");
 if (msg) msg.style.display = "block";
}


// =====================
// Banner close button
// =====================
document.addEventListener('DOMContentLoaded', function() {
 var banner = document.getElementById('stickyBanner');
 if (banner) {
 var closeBtn = banner.querySelector('.close-banner');
 if (closeBtn) {
 closeBtn.addEventListener('click', function() {
 banner.remove();
 });
 }
 }
});


// =====================
// YouTube click-to-load
// =====================
(function() {
 var ytPlayer = document.getElementById('ytPlayer');
 if (!ytPlayer) return;

 function loadYouTube() {
 this.innerHTML = '<iframe width="560" height="315" src="https://www.youtube.com/embed/99FexhxsXx8?autoplay=1&si=EECWLqH3sD-nJGhr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="yt-iframe"></iframe>';
 }

 ytPlayer.addEventListener('click', loadYouTube);
 ytPlayer.addEventListener('keydown', function(e) {
 if (e.key === 'Enter' || e.key === ' ') {
 e.preventDefault();
 loadYouTube.call(this);
 }
 });
})();


// =====================
// Navigation menu (safe)
// =====================
const menuButton = document.getElementById("menuButton");
const sideMenu = document.getElementById("sideMenu");

if (menuButton && sideMenu) {
 function toggleMenu() {
 const isOpen = sideMenu.style.left === "0px";
 if (isOpen) {
 sideMenu.style.left = "-250px";
 setTimeout(() => {
 sideMenu.style.visibility = "hidden";
 }, 300);
 } else {
 sideMenu.style.visibility = "visible";
 sideMenu.style.left = "0px";
 }
 menuButton.setAttribute("aria-expanded", !isOpen);
 menuButton.classList.toggle("open", !isOpen);
 }

 menuButton.addEventListener("click", toggleMenu);

 menuButton.addEventListener("keydown", (e) => {
 if (e.key === "Enter" || e.key === " ") {
 e.preventDefault();
 toggleMenu();
 }
 });

 document.addEventListener("keydown", (e) => {
 if (e.key === "Escape" && sideMenu.style.left === "0px") {
 toggleMenu();
 menuButton.focus();
 }
 });

 sideMenu.addEventListener("click", (e) => {
 if (e.target.tagName === "A" && sideMenu.style.left === "0px") {
 toggleMenu();
 }
 });
}