final

static/js/popup.js

@@ -0,0 +1,16 @@
+function togglePopup(event, id) {
+  event.stopPropagation();
+  const popup = document.getElementById(id);
+
+  if (popup.classList.contains('active')) {
+    popup.classList.remove('active');
+  } else {
+    document.querySelectorAll('.popup').forEach(p => p.classList.remove('active'));
+    popup.classList.add('active');
+  }
+}
+
+// Close on outside click
+document.addEventListener('click', () => {
+  document.querySelectorAll('.popup').forEach(p => p.classList.remove('active'));
+});