script.js

const scrollItems = document.querySelectorAll(".scroll-item");
const containerAll = document.getElementById("container-all");
const containerEmail = document.getElementById("container-email--first");
const input = document.getElementById("display");
const button = document.getElementById("btn");
const form = document.getElementById("brevo-form");
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
let usuariosSalvos = JSON.parse(localStorage.getItem("usuarios")) || [];


function salvarUsuario(email) {
  if (!usuariosSalvos.includes(email)) {
    usuariosSalvos.push(email);
    localStorage.setItem("usuarios", JSON.stringify(usuariosSalvos));
    return true; // novo usuário salvo
  } else {
    console.log("Email já cadastrado.");
    return false; // já existia
  }
}

document.addEventListener("DOMContentLoaded", () => {
  const usuariosSalvos = JSON.parse(localStorage.getItem("usuarios") || "[]");
  
  if (usuariosSalvos.length > 0) {
    // Usuário já se inscreveu → mostra conteúdo, esconde form
    containerEmail.style.display = "none";
    containerAll.style.display = "flex";
  } else {
    // Ainda não se inscreveu → mostra form, esconde conteúdo
    containerEmail.style.display = "flex";
    containerAll.style.display = "none";
  }
});

form.addEventListener("submit", async (e) => {
  e.preventDefault();

  const value = input.value.trim();

  if (!value || !emailRegex.test(value)) {
    alert("Por favor, insira um email válido.");
    input.focus();
    return;
  }

  const novoUsuario = salvarUsuario(value);

  if (!novoUsuario) {
    alert("Você já se inscreveu antes!");
    containerEmail.style.display = "none";
    containerAll.style.display = "block";
    form.reset();
    return;
  }

  try {
    const formData = new FormData(form);

    await fetch(form.action, {
      method: form.method,
      body: formData,
      mode: "no-cors", // obrigatório no Brevo
    });

    alert("Email cadastrado com sucesso! Obrigado por se inscrever.");
    containerEmail.style.display = "none";
    containerAll.style.display = "block";
    form.reset();
  } catch (error) {
    console.error("Erro ao enviar o formulário:", error);
    alert("Houve um erro ao cadastrar o email. Por favor, tente novamente mais tarde.");
  }
});

window.addEventListener("scroll", () => {
  const triggerBottom = (window.innerHeight / 5) * 4;

  scrollItems.forEach((item) => {
    const itemTop = item.getBoundingClientRect().top;

    if (itemTop < triggerBottom) {
      item.classList.add("show");
    } else {
      item.classList.remove("show"); // opcional, remove se rolar para cima
    }
  });
});