some code and stuff

inventory/public/js/script.js

@@ -0,0 +1,63 @@
+import { modal } from "./components/modal.js";
+
+const newItemLink = document.querySelector("a[href='/add']");
+//
+//if (newItemLink && window.location !== "/item/") {
+const modalElement = await modal();
+let modalToggle = false;
+async function handleDelete(e) {
+  console.log(e.target);
+}
+
+document.querySelectorAll(".delete-button").forEach((button) =>
+  button.addEventListener("click", async (e) => {
+    const itemName = e.target.dataset.id;
+    const data = new URLSearchParams(new FormData());
+    data.append("name", itemName);
+
+    const res = await fetch("/item", {
+      method: "DELETE",
+      body: data,
+    });
+    window.location.href = "/";
+  }),
+);
+
+document.querySelectorAll(".edit-button").forEach((button) => {
+  button.addEventListener("click", async (e) => {
+    const itemId = e.target.parentNode.dataset.itemId;
+
+    window.location.href = `/item/${itemId}`;
+  });
+});
+
+document.querySelectorAll(".delete-btn").forEach((button) => {
+  button.addEventListener("click", async (e) => {
+    const itemId = e.target.dataset.id;
+    const data = new URLSearchParams(new FormData());
+    data.append("id", itemId);
+
+    const res = await fetch("/category", {
+      method: "DELETE",
+      body: data,
+    });
+    const message = await res.text();
+
+    if (message.includes("error")) {
+      alert("unable to delete as item is using category");
+    } else {
+      window.location.href = "/category";
+    }
+  });
+});
+
+newItemLink.addEventListener("click", (e) => {
+  e.preventDefault();
+  modalToggle
+    ? (modalElement.style.display = "none")
+    : (modalElement.style.display = "block");
+  modalToggle = !modalToggle;
+});
+
+document.body.append(modalElement);
+//}