const userstablebody = document.querySelector("#alluserstablebody");
const confirmform = document.querySelector(".confirmform");
const confirmformcancel = document.querySelector("#no");
const confirmformok = document.querySelector("#yes");

let useridtodelete = "";

userstablebody.addEventListener("click", (e) => {
  if (e.target.classList.contains("deleteuser")) {
    useridtodelete = e.target.id;
    confirmform.classList.add("active");
  }
  if (e.target.classList.contains("changepassword")) {
    change_password(e.target.id);
  }
  if (e.target.classList.contains("changeuser")) {
    change_user_data(e.target.id);
  }
});

confirmformcancel.addEventListener("click", () => {
  useridtodelete = "";
  confirmform.classList.remove("active");
});

confirmformok.addEventListener("click", async () => {
  const status = await fetch(routes.deluser(), {
    method: "DELETE",
    headers: {
      "Content-Type": "application/json",
    },
    body: `{"token":"${localStorage.getItem("token")}","id":"${useridtodelete}"}`,
  })
    .then((data) => data.json())
    .then((jsondata) => jsondata)
    .catch((error) => {
      notification(`Ошибка на сервере: ${error}`, "error");
    });
  if (status.success) {
    confirmform.classList.remove("active");
    await get_all_users();
    notification("Пользователь успешно удален", "success");
  } else {
    notification("Can't delete user", "error");
    confirmform.classList.remove("active");
  }
});