Fix: Restore website functionality - all pages and APIs working

website/public/assets/js/cart.js

@@ -84,7 +84,8 @@
         closeId: "cartClose",
         wrapperClass: ".cart-dropdown-wrapper",
         eventName: "cart-updated",
-        emptyMessage: '<p class="empty-state"><i class="bi bi-cart-x"></i><br>Your cart is empty</p>'
+        emptyMessage:
+          '<p class="empty-state"><i class="bi bi-cart-x"></i><br>Your cart is empty</p>',
       });
     }
 
@@ -97,9 +98,10 @@
         }
 
         const cart = window.AppState.cart;
-        
+
         if (!Array.isArray(cart)) {
-          this.content.innerHTML = '<p class="empty-state">Error loading cart</p>';
+          this.content.innerHTML =
+            '<p class="empty-state">Error loading cart</p>';
           return;
         }
 
@@ -115,19 +117,24 @@
           this.updateFooter(null);
           return;
         }
-        
-        this.content.innerHTML = validItems.map(item => this.renderCartItem(item)).join("");
+
+        this.content.innerHTML = validItems
+          .map((item) => this.renderCartItem(item))
+          .join("");
         this.setupCartItemListeners();
-        
+
         const total = this._calculateTotal(validItems);
         this.updateFooter(total);
       } catch (error) {
-        this.content.innerHTML = '<p class="empty-state">Error loading cart</p>';
+        this.content.innerHTML =
+          '<p class="empty-state">Error loading cart</p>';
       }
     }
 
     _filterValidItems(items) {
-      return items.filter(item => item && item.id && typeof item.price !== 'undefined');
+      return items.filter(
+        (item) => item && item.id && typeof item.price !== "undefined"
+      );
     }
 
     _calculateTotal(items) {
@@ -137,7 +144,7 @@
       return items.reduce((sum, item) => {
         const price = parseFloat(item.price) || 0;
         const quantity = parseInt(item.quantity) || 0;
-        return sum + (price * quantity);
+        return sum + price * quantity;
       }, 0);
     }
 
@@ -145,13 +152,13 @@
       try {
         // Validate item and Utils availability
         if (!item || !item.id) {
-          return '';
+          return "";
         }
-        
+
         if (!window.Utils) {
           return '<p class="error-message">Error loading item</p>';
         }
-        
+
         // Sanitize and validate item data with defensive checks
         const imageUrl =
           item.imageurl ||
@@ -164,7 +171,7 @@
         const price = parseFloat(item.price) || 0;
         const quantity = Math.max(1, parseInt(item.quantity) || 1);
         const subtotal = price * quantity;
-        
+
         const priceFormatted = window.Utils.formatCurrency(price);
         const subtotalFormatted = window.Utils.formatCurrency(subtotal);
 
@@ -191,7 +198,7 @@
           </div>
         `;
       } catch (error) {
-        return '';
+        return "";
       }
     }
 
@@ -231,19 +238,20 @@
           this._handleAction(e, () => {
             const id = e.currentTarget.dataset.id;
             if (!window.AppState?.cart) return;
-            
+
             const item = window.AppState.cart.find(
               (item) => String(item.id) === String(id)
             );
-            
+
             if (!item || !window.AppState.updateCartQuantity) return;
-            
-            const newQuantity = delta > 0 
-              ? Math.min(item.quantity + delta, 999)
-              : Math.max(item.quantity + delta, 1);
-            
+
+            const newQuantity =
+              delta > 0
+                ? Math.min(item.quantity + delta, 999)
+                : Math.max(item.quantity + delta, 1);
+
             if (delta < 0 && item.quantity <= 1) return;
-            
+
             window.AppState.updateCartQuantity(id, newQuantity);
             this.render();
           });
@@ -291,28 +299,10 @@
         closeId: "wishlistClose",
         wrapperClass: ".wishlist-dropdown-wrapper",
         eventName: "wishlist-updated",
-        emptyMessage: '<p class="empty-state"><i class="bi bi-heart"></i><br>Your wishlist is empty</p>'
+        emptyMessage:
+          '<p class="empty-state"><i class="bi bi-heart"></i><br>Your wishlist is empty</p>',
       });
     }
-      this.isOpen ? this.close() : this.open();
-    }
-
-    open() {
-      if (this.wishlistPanel) {
-        this.wishlistPanel.classList.add("active");
-        this.wishlistPanel.setAttribute("aria-hidden", "false");
-        this.isOpen = true;
-        this.render();
-      }
-    }
-
-    close() {
-      if (this.wishlistPanel) {
-        this.wishlistPanel.classList.remove("active");
-        this.wishlistPanel.setAttribute("aria-hidden", "true");
-        this.isOpen = false;
-      }
-    }
 
     render() {
       if (!this.content) return;