// === REFERENCIAS ===
const form = document.getElementById("loginForm");
const mensaje = document.getElementById("mensaje");
const dingSound = document.getElementById("dingSound");
const loadingScreen = document.getElementById("loadingScreen");
const loginContainer = document.getElementById("loginContainer");

// === SI YA ESTÁ LOGUEADO ===
if (localStorage.getItem("adminActivo") === "true") {
  window.location.href = "../admin/admin.html";
}

// === EVENTO DE LOGIN ===
form.addEventListener("submit", (e) => {
  e.preventDefault();

  const usuario = document.getElementById("usuario").value.trim();
  const clave = document.getElementById("clave").value.trim();

  const userCorrecto = "admin";
  const passCorrecto = "12345";

  if (usuario === userCorrecto && clave === passCorrecto) {
    try {
      // Guardar sesión
      localStorage.setItem("adminActivo", "true");
      localStorage.setItem("usuarioNombre", usuario);

      // Sonido
      dingSound.currentTime = 0;
      dingSound.play();

      // Mensaje visual
      mensaje.textContent = "Inicio de sesión exitoso ✅";
      mensaje.classList.add("exito");

      // Mostrar pantalla de carga
      loginContainer.style.display = "none";
      loadingScreen.style.display = "flex";

      // Redirigir al panel
      setTimeout(() => {
        window.location.href = "../admin/admin.html";
      }, 2000);

    } catch (err) {
      mensaje.textContent = "⚠️ Error al acceder al panel.";
      console.error(err);
    }

  } else {
    mensaje.textContent = "❌ Usuario o contraseña incorrectos.";
    mensaje.classList.remove("exito");
  }
});
