Update templates/cart.html

templates/cart.html

@@ -171,31 +171,31 @@
 
     <script>
         // Example function to handle the increase/decrease button clicks
-        function updateQuantity(itemName, action) {
-            const email = sessionStorage.getItem("userEmail"); // or get from your session
-            let quantity = parseInt(document.getElementById(`${itemName}-quantity`).innerText); // Current quantity on the page
+        function updateQuantity(action, itemName, customerEmail) {
+            let quantity = parseInt(document.querySelector(`input[data-item-name="${itemName}"]`).value); // Get current quantity
+            // Update quantity based on action
             if (action === 'increase') {
                 quantity++;
             } else if (action === 'decrease' && quantity > 1) {
                 quantity--;
             }
-            // Send the updated data to the server
+            // Send updated quantity to the server
             fetch('/cart/update_quantity', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
                 },
                 body: JSON.stringify({
-                    email: email,
-                    item_name: itemName,
-                    quantity: quantity
+                    email: customerEmail, // Customer's email
+                    item_name: itemName, // Item name
+                    quantity: quantity   // New quantity
                 })
             })
             .then(response => response.json())
             .then(data => {
                 if (data.success) {
-                    // Update the UI to reflect the new quantity
-                    document.getElementById(`${itemName}-quantity`).innerText = quantity;
+                    // Update the quantity in the UI
+                    document.querySelector(`input[data-item-name="${itemName}"]`).value = quantity;
                 } else {
                     alert("Error updating quantity: " + data.error);
                 }
@@ -205,8 +205,6 @@
             });
         }
 
-        
-    
         function calculateSubtotal() {
             let subtotal = 0;
             document.querySelectorAll('.cart-item').forEach(item => {