Update templates/cart.html

templates/cart.html

@@ -258,21 +258,75 @@
         //     })
         //     .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);
+//       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); // 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' && Math.floor(quantity) > 1) {
-         quantity = Math.floor(quantity) - 1;  // Ensure quantity remains an integer
+         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;
+    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
@@ -285,7 +339,11 @@
     .then(data => {
         if (data.success) {
             // Update the item price and quantity in the UI
-            quantityInput.value = quantity;
+            quantityInput.value = quantity; // Set the value as an integer
+
+            // Remove any decimals (if present) in the display
+            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");
@@ -313,6 +371,7 @@
     .catch(err => console.error("Error:", err));
 }
 
+
         function toggleCouponDropdown() {
             let couponCheckbox = document.getElementById('couponCheckbox');
             let couponDropdown = document.getElementById('couponDropdown');