Update templates/cart.html

templates/cart.html

@@ -170,54 +170,41 @@
     </div>
 
     <script>
-        function updateQuantity(action, itemName, price, customerEmail) {
-            const inputField = document.querySelector(`input[data-item-name="${itemName}"]`);
-            const subtotalField = document.querySelector('.cart-summary p');
-            let currentQuantity = parseInt(inputField.value);
-                // Adjust quantity based on the action
+        // Example function to handle the increase/decrease button clicks
+        function updateCartQuantity(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
             if (action === 'increase') {
-                currentQuantity += 1;
-            } else if (action === 'decrease' && currentQuantity > 1) {
-                currentQuantity -= 1;
-            }else{
-                alert("Quantity cannot be less than 1!");
-                return;
+                quantity++;
+            } else if (action === 'decrease' && quantity > 1) {
+                quantity--;
             }
-    
-             // Update the input field value locally
-            inputField.value = currentQuantity;
-    
-             // Debugging: Log API request payload
-    console.log("Updating Quantity:", {
-        email: customerEmail,
-        item_name: itemName,
-        action: action,
-        price:price,
-        quantity: currentQuantity
-    });
-                     // Calculate new subtotal
-                     let newSubtotal = calculateSubtotal(); // Correctly declare the newSubtotal variable
-                     subtotalField.innerText = `Subtotal: $${newSubtotal.toFixed(2)}`;
-            // Correctly append the itemId to the URL
-            // Make the server request to update the quantity
-            // Make API call to update the quantity on the backend
-            fetch(`/cart/update_quantity`, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ email: customerEmail,
-                    item_name: itemName, action: action, quantity:currentQuantity }) //send the current quantity
-                })
-            
-                .then(response => response.json())
-                .then(data => {
-                    if (!data.success) {
-                        alert(data.error || "Failed to update quantity.");
-                    } else {
-                        console.log(`Quantity updated for ${itemName}: ${currentQuantity}`);
-                    }
+            // Send the updated data to the server
+            fetch('/cart/update_quantity', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    email: email,
+                    item_name: itemName,
+                    quantity: quantity
                 })
-                .catch(err => console.error("Error updating quantity:", err));
-            }
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    // Update the UI to reflect the new quantity
+                    document.getElementById(`${itemName}-quantity`).innerText = quantity;
+                } else {
+                    alert("Error updating quantity: " + data.error);
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+            });
+        }
+
         
     
         function calculateSubtotal() {