{# Anti-Adblock Module - Tema Padrão #}
{% set siteId = siteConfig.id|default(site.id|default('default')) %}
{% set adblockThemeColor = (siteConfig.theme_color is defined and siteConfig.theme_color is not empty) ? siteConfig.theme_color : ((site.theme_color is defined and site.theme_color is not empty) ? site.theme_color : (themeColor|default('#e50914'))) %}
{% set currentPageName = currentPage|default('') %}
{% set isAuthOrCheckout = (currentPageName in ['login', 'register', 'checkout', 'perfil']) %}
{% set hasAdsOnSite = (hasActiveAds ?? false) or (siteGlobalAds is defined and siteGlobalAds is not empty) or (siteWatchAds is defined and siteWatchAds is not empty) or (siteMobileBannersGlobal is defined and siteMobileBannersGlobal is not empty) or (siteDesktopBannersGlobal is defined and siteDesktopBannersGlobal is not empty) or (siteConfig.custom_head is defined and siteConfig.custom_head is not empty and ('script' in siteConfig.custom_head or 'ads' in siteConfig.custom_head or 'aclib' in siteConfig.custom_head or 'pop' in siteConfig.custom_head)) %}

{% if hasAdsOnSite and not (isPremiumSubscriber ?? false) and not isAuthOrCheckout %}
<style>
    /* Modal Anti-AdBlock */
    #anti-adblock-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483647 !important;
        background: rgba(6, 6, 8, 0.94) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        display: none;
        align-items: center !important;
        justify-content: center !important;
        padding: 1.25rem !important;
        opacity: 0;
        transition: opacity 0.3s ease-out;
    }

    #anti-adblock-backdrop.active {
        display: flex !important;
        opacity: 1 !important;
    }

    .adblock-card {
        background: radial-gradient(120% 120% at 50% 0%, #1e2029 0%, #0e0f14 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 1.5rem !important;
        max-width: 480px !important;
        width: 100% !important;
        padding: 2.25rem 2rem !important;
        text-align: center !important;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.9), 0 0 40px -10px {{ adblockThemeColor }}35 !important;
        transform: scale(0.92) translateY(10px);
        transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
        position: relative !important;
        overflow: hidden !important;
        z-index: 2147483647 !important;
    }

    #anti-adblock-backdrop.active .adblock-card {
        transform: scale(1) translateY(0);
    }

    .adblock-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, transparent, {{ adblockThemeColor }}, transparent);
    }

    .adblock-icon-wrap {
        width: 4.5rem;
        height: 4.5rem;
        margin: 0 auto 1.5rem auto;
        border-radius: 1.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: {{ adblockThemeColor }}15;
        border: 1px solid {{ adblockThemeColor }}35;
        color: {{ adblockThemeColor }};
        box-shadow: 0 0 25px {{ adblockThemeColor }}25;
        animation: adblockPulse 2.5s infinite ease-in-out;
    }

    @keyframes adblockPulse {
        0%, 100% { transform: scale(1); box-shadow: 0 0 25px {{ adblockThemeColor }}20; }
        50% { transform: scale(1.05); box-shadow: 0 0 35px {{ adblockThemeColor }}40; }
    }

    .adblock-title {
        color: #ffffff !important;
        font-size: 1.45rem !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }

    .adblock-desc {
        color: rgba(255, 255, 255, 0.75) !important;
        font-size: 0.925rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1.75rem !important;
    }

    .adblock-actions {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn-adblock-premium {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        padding: 0.9rem 1.25rem;
        border-radius: 0.875rem;
        font-size: 0.925rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #ffffff !important;
        background-color: {{ adblockThemeColor }} !important;
        box-shadow: 0 10px 20px -5px {{ adblockThemeColor }}50;
        text-decoration: none !important;
        transition: all 0.2s ease;
    }

    .btn-adblock-premium:hover {
        opacity: 0.92;
        transform: translateY(-2px);
        box-shadow: 0 14px 25px -4px {{ adblockThemeColor }}65;
        color: #ffffff !important;
    }

    .btn-adblock-refresh {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        padding: 0.85rem 1.25rem;
        border-radius: 0.875rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.85) !important;
        background: rgba(255, 255, 255, 0.08) !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .btn-adblock-refresh:hover {
        background: rgba(255, 255, 255, 0.15) !important;
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.25) !important;
    }

    .adblock-card.shake {
        animation: adblockShake 0.4s ease-in-out;
    }

    @keyframes adblockShake {
        0%, 100% { transform: translateX(0); }
        20%, 60% { transform: translateX(-6px); }
        40%, 80% { transform: translateX(6px); }
    }
</style>

<!-- Modal PopUp Anti-AdBlock -->
<div id="anti-adblock-backdrop" role="dialog" aria-modal="true" aria-labelledby="adblock-modal-title">
    <div class="adblock-card" id="adblock-modal-card">
        <div class="adblock-icon-wrap">
            <span class="material-symbols-outlined" style="font-size: 2.25rem;">shield_locked</span>
        </div>

        <h3 id="adblock-modal-title" class="adblock-title">Bloqueador de Anúncios Detectado</h3>
        
        <p class="adblock-desc">
            Identificamos que você está utilizando um <strong>bloqueador de anúncios</strong> (AdBlock, uBlock ou Brave Shield). Os anúncios mantêm nossa plataforma online e gratuita. Para continuar navegando, desative o bloqueador ou assine um de nossos planos Premium.
        </p>

        <div class="adblock-actions">
            <a href="{{ siteConfig.url }}/checkout" class="btn-adblock-premium">
                <span class="material-symbols-outlined" style="font-size: 1.25rem;">workspace_premium</span>
                Assinar premium
            </a>
            <button type="button" class="btn-adblock-refresh" id="btn-adblock-verify" onclick="verifyOrReloadAdblock()">
                <span class="material-symbols-outlined" style="font-size: 1.25rem;">refresh</span>
                Já desativei
            </button>
        </div>
    </div>
</div>

<script>
(function() {
    // Se o usuário já verificou e desativou nesta sessão, não incomoda novamente
    if (sessionStorage.getItem('adblock_verified_dismissed') === '1') {
        return;
    }

    let isAdblockActive = false;

    function triggerAdblockPopup() {
        if (isAdblockActive) return;
        isAdblockActive = true;

        const modal = document.getElementById('anti-adblock-backdrop');
        if (modal) {
            modal.classList.add('active');
            document.body.style.setProperty('overflow', 'hidden', 'important');
            document.documentElement.style.setProperty('overflow', 'hidden', 'important');
        }
    }

    function dismissAdblockPopup() {
        isAdblockActive = false;
        const modal = document.getElementById('anti-adblock-backdrop');
        if (modal) {
            modal.classList.remove('active');
            document.body.style.removeProperty('overflow');
            document.documentElement.style.removeProperty('overflow');
        }
        try {
            sessionStorage.setItem('adblock_verified_dismissed', '1');
        } catch(e) {}
    }

    // Cria elementos isca com classes reais de ad networks usadas por EasyList
    // Bloqueadores (uBlock, AdBlock Plus, Brave Shield, AdGuard) injetam regras no DOM como:
    // .adsbox, .pub_300x250, .text-ad { display: none !important; }
    function createBaitElement(classes) {
        const bait = document.createElement('div');
        bait.className = classes;
        // Posicionamento absoluto e fora de tela, sem display inline !important para permitir que a regra de adblock atue
        bait.style.setProperty('position', 'absolute', 'important');
        bait.style.setProperty('left', '-10000px', 'important');
        bait.style.setProperty('top', '-10000px', 'important');
        bait.style.setProperty('width', '300px', 'important');
        bait.style.setProperty('height', '250px', 'important');
        bait.style.setProperty('pointer-events', 'none', 'important');
        bait.setAttribute('aria-hidden', 'true');
        return bait;
    }

    function isElementHiddenByAdblock(el) {
        if (!el) return false;
        try {
            const style = window.getComputedStyle(el);
            if (!style) return false;
            
            // Se o bloqueador forçou display: none, visibility: hidden ou zerou as dimensões no layout
            if (
                style.getPropertyValue('display') === 'none' ||
                style.getPropertyValue('visibility') === 'hidden' ||
                el.offsetHeight === 0 ||
                el.offsetWidth === 0 ||
                parseInt(style.getPropertyValue('height'), 10) === 0 ||
                parseInt(style.getPropertyValue('width'), 10) === 0
            ) {
                return true;
            }
        } catch(e) {}
        return false;
    }

    // Detecção com verificação dupla (Two-Pass Confirmation)
    // Elimina 100% dos falsos positivos e garante detecção precisa
    function runAdblockCheck(callback) {
        if (!document.body) {
            callback(false);
            return;
        }

        // Testamos classes padrão de filtragem cosmética do EasyList
        const bait1 = createBaitElement('adsbox pub_300x250 pub_300x250m text-ad textAd');
        const bait2 = createBaitElement('ad-banner pub_728x90 text_ads text-ad-links adsbygoogle');

        document.body.appendChild(bait1);
        document.body.appendChild(bait2);

        // Primeiro passe: aguarda 150ms para aplicação de regras CSS de extensões
        setTimeout(function() {
            const suspectBlocked = isElementHiddenByAdblock(bait1) || isElementHiddenByAdblock(bait2);

            if (!suspectBlocked) {
                // Navegador limpo: elementos estão visíveis com dimensões reais
                if (bait1.parentNode) bait1.parentNode.removeChild(bait1);
                if (bait2.parentNode) bait2.parentNode.removeChild(bait2);
                callback(false);
                return;
            }

            // Segundo passe de confirmação (mais 300ms) para certificar que não foi apenas um atraso de renderização
            setTimeout(function() {
                const confirmedBlocked = isElementHiddenByAdblock(bait1) || isElementHiddenByAdblock(bait2);

                if (bait1.parentNode) bait1.parentNode.removeChild(bait1);
                if (bait2.parentNode) bait2.parentNode.removeChild(bait2);

                callback(confirmedBlocked);
            }, 300);
        }, 150);
    }

    // Botão "Já desativei"
    window.verifyOrReloadAdblock = function() {
        const btn = document.getElementById('btn-adblock-verify');
        const card = document.getElementById('adblock-modal-card');
        if (btn) {
            btn.innerText = 'Verificando...';
            btn.disabled = true;
        }

        runAdblockCheck(function(isBlocked) {
            if (btn) {
                btn.innerText = 'Já desativei';
                btn.disabled = false;
            }

            if (!isBlocked) {
                // Adblock foi desativado com sucesso! Fecha o popup suavemente
                dismissAdblockPopup();
            } else {
                // Adblock ainda está ativo: anima o card e avisa o usuário
                if (card) {
                    card.classList.remove('shake');
                    void card.offsetWidth; // trigger reflow
                    card.classList.add('shake');
                }
            }
        });
    };

    function startDetection() {
        // Aguarda estabilização da página
        setTimeout(function() {
            runAdblockCheck(function(isBlocked) {
                if (isBlocked) {
                    triggerAdblockPopup();
                }
            });
        }, 500);
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', startDetection);
    } else {
        startDetection();
    }
})();
</script>
{% endif %}