huge updates

static/js/notifications.js

@@ -0,0 +1,29 @@
+// Function to show notification toast
+function showNotification(title, message, type = "success") {
+    const toast = document.getElementById("notificationToast");
+    if (!toast) return;
+
+    const toastTitle = document.getElementById("toastTitle");
+    const toastMessage = document.getElementById("toastMessage");
+
+    toastTitle.innerText = title;
+    toastMessage.innerText = message;
+
+    // Set toast color based on type
+    toast.className = "toast";
+    if (type === "success") {
+        toast.classList.add("bg-success", "text-white");
+    } else if (type === "error") {
+        toast.classList.add("bg-danger", "text-white");
+    } else if (type === "warning") {
+        toast.classList.add("bg-warning");
+    } else if (type === "info") {
+        toast.classList.add("bg-info", "text-white");
+    }
+
+    const bsToast = new bootstrap.Toast(toast);
+    bsToast.show();
+}
+
+// Make function globally accessible
+window.showNotification = showNotification;