Update templates/cart.html

templates/cart.html

@@ -258,60 +258,65 @@
         //     })
         //     .catch(err => console.error("Error:", err));
         // }
-//       function updateQuantity(action, itemName, customerEmail) {
-//         let quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
-//         let quantity = parseInt(quantityInput.value);
-
-//     // Update quantity based on action
-//         if (action === 'increase') {
-//          quantity = Math.floor(quantity) + 1;  // Ensure quantity remains an integer
-//     }   else if (action === 'decrease' && Math.floor(quantity) > 1) {
-//          quantity = Math.floor(quantity) - 1;  // Ensure quantity remains an integer
-//     }
-
-//     // Ensure quantity is a valid whole number (integer) and greater than 0
-//        if (isNaN(quantity) || quantity < 1 || quantity !== Math.floor(quantity)) {
-//          alert("Invalid quantity! Quantity should be a whole number.");
-//          return;
-//     }
-
-//     // Send updated quantity to the server
-//     fetch('/cart/update_quantity', {
-//         method: 'POST',
-//         headers: { 'Content-Type': 'application/json' },
-//         body: JSON.stringify({ email: customerEmail, item_name: itemName, quantity: quantity })
-//     })
-//     .then(response => response.json())
-//     .then(data => {
-//         if (data.success) {
-//             // Update the item price and quantity in the UI
-//             quantityInput.value = quantity;
-//             let itemElement = quantityInput.closest(".cart-item"); // Locate the parent cart item
-//             if (itemElement) {
-//                 let basePriceElement = itemElement.querySelector(".base-price");
-//                 let addonsPriceElement = itemElement.querySelector(".addons-price");
-
-//                 // Update the base price
-//                 if (basePriceElement) {
-//                     basePriceElement.innerText = data.new_item_price.toFixed(2); // Assuming backend sends this
-//                 }
-
-//                 // Update add-ons price if needed (optional)
-//                 if (addonsPriceElement && data.addons_price !== undefined) {
-//                     addonsPriceElement.innerText = data.addons_price.toFixed(2);
-//                 }
-//             } else {
-//                 console.error(`Parent cart item element not found for item: ${itemName}`);
-//             }
-
-//             // Optionally, reload the page to reflect updated values (can be avoided)
-//             location.reload();
-//         } else {
-//             alert("Error updating quantity: " + data.error);
-//         }
-//     })
-//     .catch(err => console.error("Error:", err));
-// }
+        function updateQuantity(action, itemName, customerEmail) {
+    let quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
+    let quantity = parseInt(quantityInput.value, 10); // Get the value as an integer
+
+    // Update quantity based on action
+    if (action === 'increase') {
+        quantity = Math.floor(quantity) + 1;  // Ensure quantity remains an integer
+    } else if (action === 'decrease' && quantity > 1) {
+        quantity = Math.floor(quantity) - 1;  // Ensure quantity remains an integer
+    }
+
+    // Ensure quantity is a valid whole number (integer) and greater than 0
+    if (isNaN(quantity) || quantity < 1) {
+        alert("Invalid quantity! Quantity should be a whole number.");
+        return;
+    }
+
+    // Send updated quantity to the server
+    fetch('/cart/update_quantity', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email: customerEmail, item_name: itemName, quantity: quantity })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            // Update the item price and quantity in the UI
+            quantityInput.value = quantity; // Set the value as an integer (no decimals)
+
+            // Make sure the value is displayed as an integer (no decimals)
+            quantityInput.value = parseInt(quantityInput.value, 10);
+
+            let itemElement = quantityInput.closest(".cart-item"); // Locate the parent cart item
+            if (itemElement) {
+                let basePriceElement = itemElement.querySelector(".base-price");
+                let addonsPriceElement = itemElement.querySelector(".addons-price");
+
+                // Update the base price
+                if (basePriceElement) {
+                    basePriceElement.innerText = data.new_item_price.toFixed(2); // Assuming backend sends this
+                }
+
+                // Update add-ons price if needed (optional)
+                if (addonsPriceElement && data.addons_price !== undefined) {
+                    addonsPriceElement.innerText = data.addons_price.toFixed(2);
+                }
+            } else {
+                console.error(`Parent cart item element not found for item: ${itemName}`);
+            }
+
+            // Optionally, reload the page to reflect updated values (can be avoided)
+            location.reload();
+        } else {
+            alert("Error updating quantity: " + data.error);
+        }
+    })
+    .catch(err => console.error("Error:", err));
+}
+
          function updateQuantity(action, itemName, customerEmail) {
           let quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
           let quantity = parseInt(quantityInput.value); // Get the value as an integer