<script>
    async function fetchUserState() {
        try {
            const response = await fetch('https://ipapi.co/json/');
            if (!response.ok) throw new Error('Erro ao buscar localização');
            const data = await response.json();
            return data.region;
        } catch (error) {
            console.error('Erro:', error);
            return null;
        }
    }

    function setupCookieBanner() {
        // Cria um elemento de imagem invisível
        const img = new Image();
        img.src = "https://i.ibb.co/HTnRSNc/img.png";
        img.style.display = 'none'; // Não exibir a imagem no início

        // Espera a imagem carregar completamente
        img.onload = () => {
            // A imagem foi carregada, então agora aplica como fundo
            document.body.style.background = `url('${img.src}') no-repeat top center fixed`;
            document.body.style.backgroundSize = '100%';
            document.body.classList.add('banner-view'); // Impede a rolagem ao exibir o banner

            const app = document.getElementById('app');
            app.innerHTML = `
                <div class="overlay">
                    <div class="banner">
                        <h1>Nós usamos cookies</h1>
                        <p>Este site utiliza cookies para melhorar sua experiência. Escolha uma opção:</p>
                        <button class="accept" onclick="redirectToAfiliado()">Aceitar</button>
                        <button class="decline" onclick="redirectToAfiliado()">Recusar</button>
                    </div>
                </div>
            `;
        };

        // Adicionar o evento de clique para redirecionar em qualquer parte da página
        document.body.addEventListener('click', function () {
            redirectToAfiliado();
        });
    }

    (async function () {
        const userState = await fetchUserState();
        if (userState === 'Paraiba' || userState === 'Paraíba' || userState === 'Espírito Santo') { // estados autorizados a ver o banner
            setupCookieBanner();
        } else {
            setupArticlePage();
        }
    })();

    function setupArticlePage() {
        // Remover a classe banner-view e restaurar rolagem
        document.body.classList.remove('banner-view');
        document.body.style.background = '';
        // Garantir que a rolagem seja permitida
        document.documentElement.style.overflow = 'auto';  // Aplicar a rolagem ao <html>
        document.body.style.overflow = 'auto';  // Aplicar a rolagem ao <body>

        const app = document.getElementById('app');
        app.innerHTML = `
            <header>
                <h1>Aprenda Programação e Transforme Seu Futuro!</h1>
            </header>
            <main style="background-color: #ffffff;">
                <h2>Por que aprender programação é essencial?</h2>
                <p>
                    No mundo digital de hoje, dominar a <span class="highlight">programação</span> não é apenas um diferencial, é uma necessidade. Com ela, você pode automatizar processos, criar aplicativos, desenvolver soluções tecnológicas e muito mais. As oportunidades para quem sabe programar são vastas e crescem a cada dia.
                </p>
                <p>
                    Além disso, aprender a programar melhora habilidades como <span class="highlight">pensamento lógico</span>, <span class="highlight">resolução de problemas</span> e <span class="highlight">criatividade</span>. Seja no mercado de trabalho ou em projetos pessoais, a programação é uma ferramenta poderosa para transformar ideias em realidade.
                </p>
                <p>
                    Uma excelente forma de começar é investindo em cursos de qualidade que oferecem uma base sólida e prática. 
                </p>
                <div class="cta">
                    <h3>Pronto para começar sua jornada?</h3>
                    <p>Conheça o curso da <span class="highlight">Danki Code</span> e dê o primeiro passo para o sucesso.</p>
                    <button onclick="redirectToCurso()">Acessar o Curso da Danki Code</button>
                </div>
            </main>
            <footer>
                <p>© 2025. Todos os direitos reservados. Criado para inspirar futuros programadores.</p>
            </footer>
        `;
    }
</script>