Update templates/cart.html

templates/cart.html

@@ -185,31 +185,43 @@
 
     // Update quantity
         function updateQuantity(action, itemName) {
-            const quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
-            let quantity = parseInt(quantityInput.value);
-
-            if (action === 'increase') {
-                quantity++;
-            } else if (action === 'decrease' && quantity > 1) {
-                quantity--;
-            }
-
-            fetch('/cart/update_quantity', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ item_name: itemName, quantity: quantity })
-            })
-                .then(response => response.json())
-                .then(data => {
-                    if (data.success) {
-                        quantityInput.value = quantity;
-                        location.reload();
-                    } else {
-                        alert('Error updating quantity: ' + data.message);
-                    }
-                })
-                .catch(err => console.error('Error:', err));
-        }
+          const quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
+          const priceElement = document.querySelector(`.base-price[data-item-name="${itemName}"]`);
+          const subtotalElement = document.getElementById("subtotal-text");
+          
+          let quantity = parseInt(quantityInput.value);
+      
+          if (action === 'increase') {
+              quantity++;
+          } else if (action === 'decrease' && quantity > 1) {
+              quantity--;
+          }
+      
+          fetch('/cart/update_quantity', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ 
+                  item_name: itemName, 
+                  quantity: quantity 
+              })
+          })
+          .then(response => response.json())
+          .then(data => {
+              if (data.success) {
+                  // Update quantity in UI without reloading
+                  quantityInput.value = quantity;
+      
+                  // Update price in UI
+                  priceElement.innerText = `$${data.new_item_price.toFixed(2)}`;
+      
+                  // Update subtotal dynamically
+                  subtotalElement.innerText = `Subtotal: $${data.subtotal.toFixed(2)}`;
+              } else {
+                  alert('Error updating quantity: ' + data.error);
+              }
+          })
+          .catch(err => console.error('Error:', err));
+      }
 
         // Remove item
         function removeItemFromCart(itemName) {