Update templates/menu.html

templates/menu.html

@@ -268,7 +268,7 @@
             <h3>{{ section }}</h3>
             <div class="row">
                 {% for item in items %}
-                    <!-- Skip 'Customisable' text for 'Appetizer', 'Customized Dish', and 'Soft Drinks' sections -->
+                    <!-- For 'Appetizer', 'Customized Dish', and 'Soft Drinks', remove 'Customisable' text and only show 'ADD' button -->
                     {% if section == 'Appetizer' or section == 'Customized Dish' or section == 'Soft Drinks' %}
                         <div class="col-md-6 mb-4">
                             <div class="card menu-card">
@@ -284,6 +284,7 @@
                             </div>
                         </div>
                     {% else %}
+                        <!-- For other sections, display 'ADD' button and 'Customisable' text -->
                         <div class="col-md-6 mb-4">
                             <div class="card menu-card">
                                 <img src="{{ item.Image1__c }}" class="card-img-top menu-image" alt="{{ item.Name }}" onerror="this.src='/static/placeholder.jpg';">
@@ -380,9 +381,8 @@
                             const listItem = document.createElement('div');
                             listItem.classList.add('form-check');
                             listItem.innerHTML = `
-
                                 <input type="checkbox" class="form-check-input addon-option" id="${optionId}" value="${option}"
-                                data-name="${option}" data-group="${addon.name}" data-price="${addon.extra_charge ? addon.extra_charge_amount : 0}">
+                                       data-name="${option}" data-group="${addon.name}" data-price="${addon.extra_charge ? addon.extra_charge_amount : 0}">
                                 <label class="form-check-label" for="${optionId}">
                                     ${option} ${addon.extra_charge ? `($${addon.extra_charge_amount})` : ''}
                                 </label>