/**
 * SiteForge Privacy Manager
 * Gestisce il consenso ai cookie e la privacy (GDPR/CCPA compliant basics).
 * 
 * Utilizzo:
 * 1. Includi questo script: <script src="js/privacy-manager.js"></script>
 * 2. Inizializza: 
 *    PrivacyManager.init({
 *       policyUrl: '/privacy-policy',
 *       cookiePolicyUrl: '/cookie-policy'
 *    });
 */

$( document ).ready(function() {PrivacyManager.init({policyUrl: '/privacy-policy.htm', cookiePolicyUrl: '/cookie-policy.html'});});

const PrivacyManager = (function () {

    const STORAGE_KEY = 'siteforge_privacy_consent';

    // Default config
    let config = {
        policyUrl: '#',
        cookiePolicyUrl: '#',
        autoBlock: true // Blocca script src se non autorizzati (richiede gestione specifica)
    };

    let consent = {
        necessary: true, // Sempre true
        analytics: false,
        marketing: false,
        timestamp: null
    };

    // --- UI TEMPLATES ---
    const css = `
        #sf-privacy-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: #fff;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
            padding: 20px;
            font-family: sans-serif;
            font-size: 14px;
            z-index: 99999;
            display: none;
            flex-direction: column;
            gap: 15px;
            border-top: 1px solid #eee;
        }
        @media (min-width: 768px) {
            #sf-privacy-banner {
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                padding: 20px 40px;
            }
        }
        .sf-privacy-buttons {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        .sf-btn {
            padding: 8px 16px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-weight: 600;
            font-size: 13px;
        }
        .sf-btn-primary { background: #1a73e8; color: white; }
        .sf-btn-secondary { background: #f1f3f4; color: #333; }
        .sf-btn-link { background: none; text-decoration: underline; color: #555; }
        
        #sf-privacy-modal {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 100000;
            display: none;
            align-items: center;
            justify-content: center;
        }
        .sf-privacy-modal-content {
            background: white;
            padding: 30px;
            border-radius: 8px;
            width: 90%;
            max-width: 500px;
            max-height: 90vh;
            overflow-y: auto;
            font-family: sans-serif;
        }
        .sf-switch-group {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }
        .sf-switch-label { font-weight: bold; display: block; }
        .sf-switch-desc { font-size: 12px; color: #666; display: block; margin-top: 5px; }
    `;

    function init(userConfig) {
        config = { ...config, ...userConfig };

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', runStartLogic);
        } else {
            runStartLogic();
        }
    }

    function runStartLogic() {
        // Load saved consent
        const saved = localStorage.getItem(STORAGE_KEY);
        if (saved) {
            consent = JSON.parse(saved);
            // Apply saved consent (e.g. enable scripts)
            applyConsent();
        } else {
            // Show Banner
            injectStyles();
            injectBanner();
        }
    }

    function injectStyles() {
        const style = document.createElement('style');
        style.textContent = css;
        document.head.appendChild(style);
    }

    function injectBanner() {
        
		$('#sf-privacy-banner').remove();
		
		if (document.getElementById('sf-privacy-banner')) return;

        const banner = document.createElement('div');
        banner.id = 'sf-privacy-banner';
        banner.innerHTML = `
            <div style="flex:1;">
                <strong>Questo sito utilizza i cookie.</strong>
                <p style="margin:5px 0 0; color:#555;">
                    Utilizziamo cookie tecnici e, previo consenso, cookie di profilazione e analitici per migliorare la tua esperienza.
                    Puoi gestire le tue preferenze o accettare tutti i cookie. 
                    <a href="${config.policyUrl}" target="_blank">Leggi la Privacy Policy</a>.
                </p>
            </div>
            <div class="sf-privacy-buttons">
                <button class="sf-btn sf-btn-secondary" id="sf-privacy-settings">Personalizza</button>
                <button class="sf-btn sf-btn-secondary" id="sf-privacy-reject">Rifiuta Tutto</button>
                <button class="sf-btn sf-btn-primary" id="sf-privacy-accept">Accetta Tutto</button>
            </div>
        `;
        document.body.appendChild(banner);

        // Animations
        setTimeout(() => banner.style.display = 'flex', 100);

        // Events
        document.getElementById('sf-privacy-accept').onclick = acceptAll;
        document.getElementById('sf-privacy-reject').onclick = rejectAll;
        document.getElementById('sf-privacy-settings').onclick = openSettings;
    }

    function injectSettingsModal() {
        if (document.getElementById('sf-privacy-modal')) {
            document.getElementById('sf-privacy-modal').style.display = 'flex';
            return;
        }

        const modal = document.createElement('div');
        modal.id = 'sf-privacy-modal';
        modal.innerHTML = `
            <div class="sf-privacy-modal-content">
                <h3>Preferenze Privacy</h3>
                <p style="font-size:13px; color:#666; margin-bottom:20px;">Gestisci il consenso per le diverse categorie di cookie.</p>
                
                <div class="sf-switch-group">
                    <div>
                        <span class="sf-switch-label">Necessari</span>
                        <span class="sf-switch-desc">Indispensabili per il funzionamento del sito. Non possono essere disattivati.</span>
                    </div>
                    <input type="checkbox" checked disabled>
                </div>

                <div class="sf-switch-group">
                    <div>
                        <span class="sf-switch-label">Analitici</span>
                        <span class="sf-switch-desc">Ci aiutano a capire come visiti il sito (es. Google Analytics).</span>
                    </div>
                    <input type="checkbox" id="sf-consent-analytics" ${consent.analytics ? 'checked' : ''}>
                </div>

                <div class="sf-switch-group">
                    <div>
                        <span class="sf-switch-label">Marketing</span>
                        <span class="sf-switch-desc">Usati per inviare pubblicità mirata (es. Facebook Pixel).</span>
                    </div>
                    <input type="checkbox" id="sf-consent-marketing" ${consent.marketing ? 'checked' : ''}>
                </div>

                <div class="sf-privacy-buttons" style="justify-content: flex-end; margin-top: 20px;">
                    <button class="sf-btn sf-btn-secondary" id="sf-modal-cancel">Annulla</button>
                    <button class="sf-btn sf-btn-primary" id="sf-modal-save">Salva Preferenze</button>
                </div>
            </div>
        `;
        document.body.appendChild(modal);
        modal.style.display = 'flex';

        // Events
        document.getElementById('sf-modal-cancel').onclick = () => {
            modal.style.display = 'none';
        };
        document.getElementById('sf-modal-save').onclick = () => {
            consent.analytics = document.getElementById('sf-consent-analytics').checked;
            consent.marketing = document.getElementById('sf-consent-marketing').checked;
            saveConsent();
            modal.style.display = 'none';
        };
    }

    function acceptAll() {
        consent.analytics = true;
        consent.marketing = true;
        saveConsent();
    }

    function rejectAll() {
        consent.analytics = false;
        consent.marketing = false;
        saveConsent();
    }

    function openSettings() {
        injectSettingsModal();
    }

    function saveConsent() {
        consent.timestamp = new Date().toISOString();
        localStorage.setItem(STORAGE_KEY, JSON.stringify(consent));

        const banner = document.getElementById('sf-privacy-banner');
        if (banner) banner.style.display = 'none';

        applyConsent();
    }

    function applyConsent() {
        console.log("SiteForge Privacy: Consent Applied", consent);

        // Event for other scripts
        const event = new CustomEvent('siteforge-consent-update', { detail: consent });
        window.dispatchEvent(event);

        // Example: Enable Google Analytics if accepted
        if (consent.analytics) {
            enableAnalytics();
        }
    }

    function enableAnalytics() {
        // Here you would typically inject the GA script tag dynamically
        // or change types from text/plain to text/javascript
        // Example logic needed here based on user specific scripts
    }

    // Public API
    return {
        init: init,
        openSettings: openSettings,
        getConsent: () => consent
    };

})();
$(document).ready(function () {

    // Configuration
    const API_URL = 'blog_manager.php';

    // 1. Check if we need to render the Blog Grid
    const $gridContainer = $('.siteforge-blog-grid-container');
    if ($gridContainer.length) {
        loadBlogGrid($gridContainer);
    }

    // 2. Check if we need to render a Single Post
    const $postContainer = $('.siteforge-blog-post-container');
    if ($postContainer.length) {
        const urlParams = new URLSearchParams(window.location.search);
        const slug = urlParams.get('post_slug');
        const id = urlParams.get('post_id');

        if (slug || id) {
            loadSinglePost($postContainer, slug, id);
        } else {
            $postContainer.html('<p style="text-align:center; padding:50px;">Seleziona un post dalla <a href="blog.htm">pagina del blog</a>.</p>');
        }
    }

    // 3. Blog Explorer: elenco completo dei post + calendario/archivio laterale + ricerca
    const $blogExplorers = $('.siteforge-blog-explorer');
    if ($blogExplorers.length) {
        $blogExplorers.each(function () {
            loadBlogExplorer($(this));
        });
    }

    // Functions

    function loadBlogGrid($container) {
        $container.html('<div style="text-align:center; padding:50px;"><i class="fas fa-spinner fa-spin fa-2x"></i></div>');

        $.get(API_URL, { action: 'list_posts' }, function (response) {
            if (response.status === 'success') {
                $container.empty();
                if (response.posts.length === 0) {
                    $container.html('<p style="text-align:center; width:100%;">Nessun post trovato.</p>');
                    return;
                }

                // Filter only published if on public frontend?
                // For now show all or check status. ideal: show only published.
                const publicPosts = response.posts.filter(p => p.status === 'published');

                if (publicPosts.length === 0) {
                    $container.html('<p style="text-align:center; width:100%;">Nessun post pubblicato.</p>');
                    return;
                }

                // Quanti post mostrare: attributo data-limit sul container (override
                // per-istanza) oppure impostazione globale grid_limit dal backoffice.
                // 0 / assente / non valido = mostra tutti.
                const settings = response.settings || {};
                const attrLimit = parseInt($container.data('limit'), 10);
                const cfgLimit = parseInt(settings.grid_limit, 10);
                let gridLimit = 0;
                if (!isNaN(attrLimit) && attrLimit > 0) gridLimit = attrLimit;
                else if (!isNaN(cfgLimit) && cfgLimit > 0) gridLimit = cfgLimit;

                const shownPosts = gridLimit > 0 ? publicPosts.slice(0, gridLimit) : publicPosts;

                shownPosts.forEach(post => {
                    const date = new Date(post.created_at).toLocaleDateString();
                    const excerpt = post.excerpt || (post.content ? post.content.substring(0, 100) + '...' : '');
                    // Strip HTML from excerpt if it came from content
                    const cleanExcerpt = excerpt.replace(/<[^>]*>?/gm, '');

                    const cover = post.cover_image || 'https://via.placeholder.com/400x250?text=Blog';

                    // Link logic: We need to know the page that acts as "Single Post View".
                    // For now, we assume the user might link to the SAME page with a query param 
                    // OR user sets up a specific page.
                    // Let's assume the user will put the Single Post Strip on a page called 'post.htm' or similar.
                    // BUT, to be generic, we can link to "post.htm?post_slug=..." if it exists, 
                    // or just current page?
                    // Better: The user should probably configure the "Post Page Base URL".
                    // For simplicity, we'll assume a standard 'blog-post.htm' or similar, 
                    // OR we just link to "?post_slug=..." and assume the *current* page can handle it?
                    // No, usually grid is on 'blog.htm' and single is on 'post.htm'.
                    // We'll use a data attribute on the container if set, else default.

                    const basePostUrl = $container.data('post-page') || 'post.htm'; // Fallback
                    const link = `${basePostUrl}?post_slug=${post.slug}`;

                    const card = `
                        <div class="sf-blog-card">
                            <div class="sf-blog-img">
                                <a href="${link}"><img src="${cover}" alt="${post.title}"></a>
                            </div>
                            <div class="sf-blog-body">
                                <div class="sf-blog-date">${date}</div>
                                <h3><a href="${link}">${post.title}</a></h3>
                                <p>${cleanExcerpt}</p>
                                <a href="${link}" class="sf-blog-read-more">Leggi tutto &rarr;</a>
                            </div>
                        </div>
                    `;
                    $container.append(card);
                });

            } else {
                $container.html('<p style="color:red; text-align:center;">Errore caricamento blog.</p>');
            }
        }, 'json').fail(function () {
            $container.html('<p style="color:red; text-align:center;">Errore di connessione.</p>');
        });
    }

    // Riconosce un file video per estensione (upload diretto, non link esterno)
    function isBlogVideoFile(url) {
        return /\.(mp4|webm|ogg|mov|m4v)(\?.*)?$/i.test(String(url || ''));
    }

    // Estensioni "documenti" che, se caricati nella cartella media del post,
    // diventano automaticamente allegati scaricabili in fondo al post
    // pubblico — nessuna selezione manuale, nessuna colonna DB dedicata.
    const BLOG_ATTACHMENT_EXT = /\.(pdf|docx?|xlsx?|pptx?)$/i;
    const BLOG_ATTACHMENT_ICONS = {
        pdf: 'fa-file-pdf', doc: 'fa-file-word', docx: 'fa-file-word',
        xls: 'fa-file-excel', xlsx: 'fa-file-excel',
        ppt: 'fa-file-powerpoint', pptx: 'fa-file-powerpoint',
    };

    // video_url del post -> YouTube/Vimeo embed, file video caricato -> <video>,
    // altro -> link. Stesso pattern già in uso per il sistema "Project"
    // (siteforge-project-frontend.js, isVideoFile/projVideoBlock) — duplicato
    // qui volutamente: i due frontend sono script indipendenti su pagine
    // diverse, centralizzare costerebbe più di quanto risparmi.
    function blogVideoBlock(url) {
        url = String(url || '').trim();
        if (!url) return '';
        const yt = url.match(/(?:youtube(?:-nocookie)?\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/|v\/)|youtu\.be\/)([\w-]{6,})/);
        if (yt) {
            return '<div class="sf-blog-video"><iframe src="https://www.youtube-nocookie.com/embed/' + yt[1] +
                '" title="Video del post" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>';
        }
        const vm = url.match(/vimeo\.com\/(?:video\/)?(\d+)/);
        if (vm) {
            return '<div class="sf-blog-video"><iframe src="https://player.vimeo.com/video/' + vm[1] +
                '" title="Video del post" loading="lazy" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div>';
        }
        if (isBlogVideoFile(url)) {
            return '<div class="sf-blog-video"><video src="' + sfExplorerEsc(url) + '" controls preload="metadata" playsinline></video></div>';
        }
        return '<p class="sf-blog-video sf-blog-video--link"><a href="' + sfExplorerEsc(url) + '" target="_blank" rel="noopener">Guarda il video &rarr;</a></p>';
    }

    // Filtra l'elenco file (da action=list_media) per i soli documenti e
    // genera i pulsanti di download — nessuna colonna DB dedicata, è
    // automatico per estensione (decisione presa: semplicità > curation manuale).
    function blogAttachmentsBlock(files) {
        const docs = (files || []).filter(f => BLOG_ATTACHMENT_EXT.test(f.name || ''));
        if (!docs.length) return '';
        const items = docs.map(f => {
            const ext = (f.name.match(/\.([a-z0-9]+)$/i) || [, ''])[1].toLowerCase();
            const icon = BLOG_ATTACHMENT_ICONS[ext] || 'fa-file';
            // Nome file "pulito": rimuove il prefisso timestamp_ aggiunto da upload_media
            const label = f.name.replace(/^\d+_/, '');
            // PDF: si apre in una nuova finestra (viewer del browser), gli altri si scaricano
            const isPdf = ext === 'pdf';
            return '<a class="sf-blog-attachment" href="' + sfExplorerEsc(f.url) + '"' + (isPdf ? '' : ' download') + ' target="_blank" rel="noopener">' +
                '<i class="fas ' + icon + ' sf-blog-attachment-icon"></i>' +
                '<span>' + sfExplorerEsc(label) + '</span>' +
                '<i class="fas ' + (isPdf ? 'fa-external-link-alt' : 'fa-download') + ' sf-blog-attachment-dl"></i></a>';
        }).join('');
        return '<div class="sf-blog-attachments"><h3 class="sf-blog-attachments-title">Allegati</h3>' +
            '<div class="sf-blog-attachments-list">' + items + '</div></div>';
    }

    function loadSinglePost($container, slug, id) {
        $container.html('<div style="text-align:center; padding:50px;"><i class="fas fa-spinner fa-spin fa-2x"></i></div>');

        const params = { action: 'get_post' };
        if (slug) params.slug = slug;
        if (id) params.id = id;

        $.get(API_URL, params, function (response) {
            if (response.status !== 'success') {
                $container.html('<p style="text-align:center; padding:50px;">Post non trovato.</p>');
                return;
            }
            const p = response.post;
            // Update Page Title if possible
            document.title = p.title + ' - ' + document.title;

            const date = new Date(p.created_at).toLocaleDateString();
            const videoHtml = p.video_url ? blogVideoBlock(p.video_url) : '';

            // Gli allegati richiedono un'ulteriore chiamata (list_media sulla
            // cartella del post) — annidata perché serve p.id dalla risposta
            // precedente. Se fallisce, il post si mostra comunque senza allegati.
            $.get(API_URL, { action: 'list_media', post_id: p.id }, function (mediaRes) {
                const attachmentsHtml = (mediaRes && mediaRes.status === 'success')
                    ? blogAttachmentsBlock(mediaRes.files) : '';
                renderPost(attachmentsHtml);
            }, 'json').fail(function () {
                renderPost('');
            });

            function renderPost(attachmentsHtml) {
                const html = `
                    <article class="sf-blog-article">
                        <div class="post-title">
                            <h1 class="sf-blog-title">${p.title}</h1>
                            <div class="sf-blog-meta">Pubblicato il ${date}</div>
                        </div>
                        ${p.cover_image ? `<div class="sf-blog-featured-image"><img src="${p.cover_image}" alt="${p.title}"></div>` : ''}
                        <div class="sf-blog-content">
                            ${p.content}
                        </div>
                        ${videoHtml}
                        ${attachmentsHtml}
                        <div class="sf-blog-footer">
                           <a href="javascript:history.back()" class="sf-blog-back">&larr; Torna indietro</a>
                        </div>
                    </article>
                `;
                $container.html(html);
            }
        }, 'json').fail(function () {
            $container.html('<p style="text-align:center; padding:50px;">Errore di connessione.</p>');
        });
    }

    // --- BLOG EXPLORER (lista completa + calendario/archivio + ricerca) ---

    function sfExplorerEsc(s) {
        return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
            return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
        });
    }

    function sfExplorerExcerpt(post) {
        var src = post.excerpt || post.content || '';
        return src.replace(/<[^>]*>?/gm, '').replace(/\s+/g, ' ').trim();
    }

    function sfExplorerDate(post) {
        var raw = post.publish_date || post.created_at || '';
        var d = new Date(String(raw).replace(' ', 'T'));
        return isNaN(d.getTime()) ? null : d;
    }

    function sfExplorerFullDate(d) {
        if (!d) return '';
        try {
            return d.toLocaleDateString('it-IT', { day: '2-digit', month: 'long', year: 'numeric' });
        } catch (e) {
            return d.toLocaleDateString();
        }
    }

    function sfExplorerMonthLabel(d) {
        if (!d) return 'Senza data';
        var label;
        try {
            label = d.toLocaleDateString('it-IT', { month: 'long', year: 'numeric' });
        } catch (e) {
            label = (d.getMonth() + 1) + '/' + d.getFullYear();
        }
        return label.charAt(0).toUpperCase() + label.slice(1);
    }

    function loadBlogExplorer($container) {
        var $root = $container.closest('.sf-blog-explorer');
        if (!$root.length) $root = $container.parent();

        var $archive = $root.find('.sf-blogx-archive');
        var $searchInput = $root.find('.sf-blogx-search-input');
        var $searchForm = $root.find('.sf-blogx-search');
        var basePostUrl = $container.data('post-page') || 'post.htm';

        $container.html('<p class="sf-blogx-state"><i class="fas fa-spinner fa-spin"></i> Caricamento articoli...</p>');

        $.get(API_URL, { action: 'list_posts' }, function (response) {
            if (!response || response.status !== 'success') {
                $container.html('<p class="sf-blogx-error">Errore nel caricamento degli articoli.</p>');
                return;
            }

            var posts = (response.posts || [])
                .filter(function (p) { return p.status === 'published'; })
                .map(function (p) { p._date = sfExplorerDate(p); return p; })
                .sort(function (a, b) {
                    return (b._date ? b._date.getTime() : 0) - (a._date ? a._date.getTime() : 0);
                });

            if (!posts.length) {
                $container.html('<p class="sf-blogx-empty">Nessun articolo pubblicato al momento.</p>');
                $archive.empty();
                return;
            }

            renderExplorerArchive($archive, posts, basePostUrl);
            renderExplorerList($container, posts, basePostUrl, '');

            if ($searchInput.length) {
                var debounce = null;
                $searchInput.on('input', function () {
                    var q = this.value.toLowerCase().trim();
                    clearTimeout(debounce);
                    debounce = setTimeout(function () {
                        renderExplorerList($container, posts, basePostUrl, q);
                    }, 180);
                });
            }
            if ($searchForm.length) {
                $searchForm.on('submit', function (e) {
                    e.preventDefault();
                    renderExplorerList($container, posts, basePostUrl, ($searchInput.val() || '').toLowerCase().trim());
                });
            }
        }, 'json').fail(function () {
            $container.html('<p class="sf-blogx-error">Errore di connessione.</p>');
        });
    }

    function renderExplorerList($container, posts, basePostUrl, query) {
        var list = query
            ? posts.filter(function (p) {
                return (p.title + ' ' + sfExplorerExcerpt(p)).toLowerCase().indexOf(query) !== -1;
            })
            : posts;

        if (!list.length) {
            $container.html('<p class="sf-blogx-empty">Nessun articolo corrisponde a &laquo;' + sfExplorerEsc(query) + '&raquo;.</p>');
            return;
        }

        var count = '<div class="sf-blogx-count">' + list.length + (list.length === 1 ? ' articolo' : ' articoli') +
            (query ? ' per &laquo;' + sfExplorerEsc(query) + '&raquo;' : '') + '</div>';

        var rows = list.map(function (p) {
            var link = basePostUrl + '?post_slug=' + encodeURIComponent(p.slug);
            var ex = sfExplorerExcerpt(p);
            if (ex.length > 220) ex = ex.slice(0, 217) + '...';
            var media = p.cover_image
                ? '<a class="sf-blogx-item-media" href="' + link + '" tabindex="-1" aria-hidden="true">' +
                      '<img src="' + sfExplorerEsc(p.cover_image) + '" alt="" loading="lazy">' +
                  '</a>'
                : '';
            return '' +
                '<article class="sf-blogx-item' + (media ? ' sf-blogx-item--has-media' : '') + '">' +
                    media +
                    '<div class="sf-blogx-item-body">' +
                        '<div class="sf-blogx-item-date">' + sfExplorerFullDate(p._date) + '</div>' +
                        '<h3 class="sf-blogx-item-title"><a href="' + link + '">' + sfExplorerEsc(p.title) + '</a></h3>' +
                        (ex ? '<p class="sf-blogx-item-excerpt">' + sfExplorerEsc(ex) + '</p>' : '') +
                        '<a class="sf-blogx-item-more" href="' + link + '">Leggi tutto <i class="fas fa-arrow-right"></i></a>' +
                    '</div>' +
                '</article>';
        }).join('');

        $container.html(count + rows);
    }

    function renderExplorerArchive($archive, posts, basePostUrl) {
        if (!$archive.length) return;

        var order = [];
        var groups = {};
        posts.forEach(function (p) {
            var key = sfExplorerMonthLabel(p._date);
            if (!groups[key]) { groups[key] = []; order.push(key); }
            groups[key].push(p);
        });

        var html = order.map(function (key) {
            var items = groups[key].map(function (p) {
                var link = basePostUrl + '?post_slug=' + encodeURIComponent(p.slug);
                return '<li><a href="' + link + '" title="' + sfExplorerEsc(p.title) + '">' + sfExplorerEsc(p.title) + '</a></li>';
            }).join('');
            return '<div class="sf-blogx-arch-group">' +
                        '<h4 class="sf-blogx-arch-month">' + sfExplorerEsc(key) + '</h4>' +
                        '<ul class="sf-blogx-arch-list">' + items + '</ul>' +
                    '</div>';
        }).join('');

        $archive.html(html);
    }

});
(function () {

    const CONFIG = {
        formSelector: 'form[name="contactform"]',
        challengeEndpoint: "https://static.milanoprovider.net/customers/guard.challenge.php",
        receiverEndpoint:  "https://static.milanoprovider.net/customers/form.receiver.php"
    };

    // 🔍 Individua dominio reale (drafts + produzione)
	function detectDomain() {
		return window.location.hostname.toLowerCase();
	}

    document.addEventListener("DOMContentLoaded", async function () {

        const form = document.querySelector(CONFIG.formSelector);
        if (!form) return;

        const domain = detectDomain();
        if (!domain) {
            console.error("Impossibile determinare il dominio");
            return;
        }

        let challengeData = null;

        // Richiede challenge passando domain in GET
        try {

            const url = CONFIG.challengeEndpoint + "?domain=" + encodeURIComponent(domain);

            const res = await fetch(url, {
                method: "GET",
                credentials: "omit"
            });

            if (!res.ok) throw new Error("Challenge HTTP error");

            challengeData = await res.json();

            if (!challengeData.signature) {
                console.error("Challenge non valida");
                return;
            }

        } catch (e) {
            console.error("Challenge error", e);
            return;
        }

        form.addEventListener("submit", async function (e) {

            e.preventDefault();

            if (!challengeData) return;

            const formData = new FormData(form);

            formData.append("_domain", challengeData.domain);
            formData.append("_nonce", challengeData.nonce);
            formData.append("_expires", challengeData.expires);
            formData.append("_signature", challengeData.signature);

            const submitBtn = form.querySelector('[type="submit"]');
            if (submitBtn) submitBtn.disabled = true;

            try {

                const res = await fetch(CONFIG.receiverEndpoint, {
                    method: "POST",
                    body: formData
                });

                const text = await res.text();
                console.log("RAW RESPONSE:", text);

                const data = JSON.parse(text);

                if (data.success) {
                    form.reset();
                    alert("Messaggio inviato");
                } else {
                    alert(data.message || "Errore invio");
                }

            } catch (err) {
                alert("Errore di connessione");
            }

            if (submitBtn) submitBtn.disabled = false;

        });

    });

})();document.addEventListener("DOMContentLoaded", function () {

    const elements = document.querySelectorAll('.fade-in.visible');

    elements.forEach(el => {
        el.classList.remove('visible');
    });

    // Section number badges — attivato con ?showsections nell'URL
    if (new URLSearchParams(window.location.search).has('showsections')) {
        document.querySelectorAll('[siteforge-section]').forEach(el => {
            const secId = el.getAttribute('siteforge-section');
            if (!secId || secId.startsWith('nav-')) return;

            el.style.position = el.style.position || 'relative';

            const badge = document.createElement('div');
            badge.textContent = secId;
            badge.style.cssText = 'position:absolute; top:8px; left:8px; z-index:9999; ' +
                'width:48px; height:48px; border-radius:50%; ' +
                'background:rgba(0,0,0,0.55); color:#fff; ' +
                'display:flex; align-items:center; justify-content:center; ' +
                'font-family:Montserrat,sans-serif; font-size:18px; font-weight:700; ' +
                'pointer-events:none; box-shadow:0 2px 6px rgba(0,0,0,0.3);';
            el.appendChild(badge);
        });
    }

});

/* SiteForge Editor Disabled - Hide UI */
(function(){var s=document.createElement('style');s.textContent='.siteforge-section-gear,.siteforge-gear-btn,#siteforge-main-gear,.siteforge-modal{display:none!important}';document.head.appendChild(s);})();