document
  .getElementById("clickable-link")
  .addEventListener("click", function (event) {
    event.preventDefault(); // Prevent the default link behavior
    window.location.replace("/rolePage");
  });

const formLogin = document.querySelector("#formLogin");
formLogin.onsubmit = async function (e) {
  e.preventDefault();
  const username = formLogin["txtUsername"].value;
  const password = formLogin["txtPassword"].value;

  //  console.log(username, password);
  try {
    const options = {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ username: username, password: password }),
    };
    const response = await fetch("/loginStaff", options);
    if (response.ok) {
      const data = await response.text();
      // alert(data);
      //  Notiflix.Report.success('Success', data, 'OK');
      window.location.replace(data);
    } else if (response.status == 401) {
      const data = await response.text();
      throw Error(data);
    } else if (response.status == 999) {
      const data = await response.text();
      throw Error(data);
    } else {
      throw Error("Connection error");
    }
  } catch (err) {
    //  console.error(err.message);
    alert(err.message);
    // Notiflix.Report.failure('Error', err.message, 'Close');
    // Swal.fire({
    //   icon: 'error',
    //   title: 'Oops...',
    //   text: `${err.message}`,
    // })
  }
};

function togglePasswordVisibility() {
  var passwordField = document.getElementById("txtPassword");
  var passwordIcon = document.getElementById("password-icon");

  if (passwordField.type === "password") {
    passwordField.type = "text";
    passwordIcon.classList.remove("fa-eye");
    passwordIcon.classList.add("fa-eye-slash");
  } else {
    passwordField.type = "password";
    passwordIcon.classList.remove("fa-eye-slash");
    passwordIcon.classList.add("fa-eye");
  }
}

function LoginClick() {
  var navigateButton = document.getElementById("navigateButton");
}
var icon = document.getElementById("clickable-icon");
icon.addEventListener("click", function () {
  // Add your action here
  window.location.href = "/rolePage";
});