const wrapper = document.querySelector('.envoltoria');
const btnPopupDesktop = document.querySelector('.btnLogin-popup');
const btnPopupMobile = document.querySelector('.btnLogin-popup-mobile');

const iconClose = document.querySelector('.icone-fechar');

// Se o usuário estiver logado, redireciona ao clicar no botão
    if (btnPopupDesktop) {
        btnPopupDesktop.addEventListener('click', () => {
            wrapper.classList.add('active-popup'); // abre modal
        });
    }

    if (btnPopupMobile) {
        btnPopupMobile.addEventListener('click', () => {
            window.location.href = "login.html"; // redireciona
        });
    }



iconClose.addEventListener('click', () => {
    wrapper.classList.remove('active-popup');
});

window.addEventListener('DOMContentLoaded', () => {
    const params = new URLSearchParams(window.location.search);
    const abrirLogin = params.get('login');

    if (abrirLogin === 'abrir') {
        const wrapper = document.querySelector('.envoltoria');
        const btnPopup = document.querySelector('.btnLogin-popup');

        if (btnPopup && wrapper) {
            btnPopup.click(); // simula o clique (vai abrir ou redirecionar)
        }

        const novaURL = window.location.origin + window.location.pathname;
        window.history.replaceState({}, document.title, novaURL);
    }
});

document.addEventListener("DOMContentLoaded", () => {
  const form = document.querySelector(".caixa-formulario login form");

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

    const formData = new FormData(form);

    try {
      const res = await fetch("PHP/logar.php", {
        method: "POST",
        body: formData
      });

      const data = await res.json();

      if (data.success) {
        alert(data.message);
        // redireciona se precisar
        window.location.href = data.redirect;
      } else {
        alert("❌ " + data.message);
      }

    } catch (err) {
      console.error("Erro na requisição:", err);
      alert("Erro inesperado, tente novamente.");
    }
  });
});

document.addEventListener("DOMContentLoaded", () => {
  const form = document.querySelector("#form-login");
  const msgBox = document.querySelector(".msg-login");

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

    msgBox.textContent = "⏳ Validando login...";
    msgBox.style.color = "blue";

    const formData = new FormData(form);

    try {
      const res = await fetch("PHP/logar.php", {
        method: "POST",
        body: formData
      });

      const data = await res.json();

      if (data.success) {
        msgBox.textContent = data.message;
        msgBox.style.color = "green";

        setTimeout(() => {
          window.location.href = data.redirect;
        }, 1000);
      } else {
        msgBox.textContent = data.message;
        msgBox.style.color = "red";
      }

    } catch (err) {
      console.error("Erro na requisição:", err);
      msgBox.textContent = "⚠️ Erro inesperado. Tente novamente.";
      msgBox.style.color = "red";
    }
  });
});