Update templates/cart.html

templates/cart.html

@@ -126,8 +126,18 @@
                 <div class="cart-item-details">
                     <div class="cart-item-title">{{ item.Name }}</div> 
                     <div class="cart-item-addons">
-                        <small class="text-muted">Add-ons: {{ item.Add_Ons__c }}</small>
+                        {% for addon in item.Add_Ons__c.split(";") %}
+                        <div class="addon-item">
+                            <span>{{ addon.name }}</span>
+                            <input type="number" value="{{ addon.quantity }}" 
+                                   data-addon-name="{{ addon.name }}" min="1">
+                            <button onclick="updateAddonQuantity('{{ addon.name }}', this.value, '{{ customer_email }}')">
+                                Update
+                            </button>
+                        </div>
+                        {% endfor %}
                     </div>
+
                     <div class="cart-item-quantity mt-2">
                        <!-- Decrease button -->
                        <button onclick="updateQuantity('decrease', '{{ item.Name }}', '{{ customer_email }}')">-</button>
@@ -294,8 +304,30 @@
             })
             .catch(err => console.error("Error adding item to cart:", err));
         }
-        
-        
+        function updateAddonQuantity(addonName, newQuantity, customerEmail) {
+            fetch('/cart/update_addon_quantity', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    email: customerEmail,
+                    addon_name: addonName,
+                    quantity: parseInt(newQuantity),
+                })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    alert('Addon quantity updated successfully!');
+                } else {
+                    alert('Error updating addon quantity: ' + data.error);
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+            });
+        }        
     </script>
 
 </body>