const formulario = document.getElementById("login-formulario");
const notificacion = document.getElementById("mensaje-error");

formulario.addEventListener("submit", async (event) => {

  event.preventDefault();

  const numeroPersonal = document.getElementById("numero-personal").value;
  const contrasena = document.getElementById("contrasena").value;
  const data = new FormData();

  data.append("numero-personal", numeroPersonal);
  data.append("contrasena", contrasena);
  
  try {
    const respuestaPeticion =  await fetch("../controllers/LoginController.php", {
      method: "POST",
      body: data,
    });

    const respuesta = await respuestaPeticion.json();

    if (respuesta.estado === 'exitoso') {
      window.location.href = 'views/inicio.html';
    } else if(respuesta.estado === 'error') {
      notificacion.textContent = respuesta.mensaje;
      if(respuesta.res){
        console.error(respuesta.res)
      }
      notificacion.style.display =  "block";
    }
  } catch (error) {
    notificacion.textContent = "Lo sentimos, el servicio no está disponible por el momento";
    console.error(error)
  }
});