Update templates/cart.html

templates/cart.html

@@ -130,11 +130,11 @@
                     </div>
                     <div class="cart-item-quantity mt-2">
                         <!-- Decrease button -->
-                        <button onclick="updateQuantity('decrease', '{{ item.Name }}', {{ item.Price__c }}, '{{ customer_email }}')">-</button>
+                        <button onclick="updateQuantity('decrease', '{{ item.Name }}', {{ item.Price__c }}, [{{ item.Add_Ons__c | split(',') | map(attribute='price') }}], '{{ customer_email }}')">-</button>
                         <!-- Quantity input field -->
                         <input type="text" value="{{ item.Quantity__c }}" readonly data-item-name="{{ item.Name }}">
                         <!-- Increase button -->
-                        <button onclick="updateQuantity('increase', '{{ item.Name }}', {{ item.Price__c }}, '{{ customer_email }}')">+</button>
+                        <button onclick="updateQuantity('increase', '{{ item.Name }}', {{ item.Price__c }}, [{{ item.Add_Ons__c | split(',') | map(attribute='price') }}], '{{ customer_email }}')">+</button>
                     </div>
                 </div>
                 <div class="cart-item-actions">
@@ -169,7 +169,7 @@
     </div>
 
     <script>
-        function updateQuantity(action, itemName, price, customerEmail) {
+        function updateQuantity(action, itemName, basePrice, addOnPrices, customerEmail) {
             const inputField = document.querySelector(`input[data-item-name="${itemName}"]`);
             const priceField = document.querySelector(`.cart-item-details .item-price`);
             const subtotalField = document.querySelector('#subtotal');
@@ -188,8 +188,9 @@
             // Update the input field value locally
             inputField.value = currentQuantity;
 
-            // Calculate the new price for the item
-            let newItemPrice = price * currentQuantity;
+            // Calculate the total price for the item (base price + add-ons * quantity)
+            let addOnTotal = addOnPrices.reduce((acc, price) => acc + price, 0); // Sum all add-on prices
+            let newItemPrice = (basePrice + addOnTotal) * currentQuantity;
             priceField.innerText = newItemPrice.toFixed(2); // Update item price
 
             // Calculate new subtotal