Update app.py

app.py

@@ -119,9 +119,10 @@ def create_modal_window():
     for add_on in add_ons:
         add_ons_html += f"""
         <label>
-            <input type="number" name="biryani-extra-quantity" value="1" min="1" style="width: 50px;" data-name="{add_on['Name']}" data-price="{add_on['Price__c']}" />
+            <input type="checkbox" name="biryani-extra" value="{add_on['Name']}" data-price="{add_on['Price__c']}" />
             {add_on['Name']} + ${add_on['Price__c']}
         </label>
+        <br>
         """
 
     modal_html = f"""
@@ -177,12 +178,13 @@ def modal_js():
             const price = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));
             const quantity = parseInt(document.getElementById('quantity').value) || 1;
             const instructions = document.getElementById('special-instructions').value;
-            const extras = Array.from(document.querySelectorAll('input[name="biryani-extra-quantity"]')).map(extra => ({
-                name: extra.getAttribute('data-name'),
+            const selectedAddOns = Array.from(document.querySelectorAll('input[name="biryani-extra"]:checked'));
+            const extras = selectedAddOns.map(extra => ({
+                name: extra.value,
                 price: parseFloat(extra.getAttribute('data-price')),
-                quantity: parseInt(extra.value)
+                quantity: 1  // Default quantity for add-ons is 1
             }));
-            const extrasCost = extras.reduce((total, extra) => total + extra.price * extra.quantity, 0);
+            const extrasCost = extras.reduce((total, extra) => total + (extra.price * extra.quantity), 0);
             const totalCost = (price * quantity) + extrasCost;
 
             // Add the item to the cart