Update templates/menu.html

templates/menu.html

@@ -852,8 +852,11 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div class="toggle-details" data-item-name="{{ item.Name | default('Unnamed Item') }}">Show Details</div>
-                                    <div class="item-details" id="details-{{ item.Name | default('unnamed-item') | replace(' ', '-') }}"></div>
+                                    <!-- Only show toggle-details if not Soft Drinks -->
+                                    {% if item.Section__c != 'Soft Drinks' %}
+                                        <div class="toggle-details" data-item-name="{{ item.Name | default('Unnamed Item') }}">Show Details</div>
+                                        <div class="item-details" id="details-{{ item.Name | default('unnamed-item') | replace(' ', '-') }}"></div>
+                                    {% endif %}
                                 </div>
                             </div>
                         {% endfor %}
@@ -1211,7 +1214,7 @@
                 const itemName = card.querySelector('.card-title').innerText;
                 const detailsDiv = card.querySelector('.item-details');
                 const detailsData = menuItemDetails[itemName];
-                if (detailsData) {
+                if (detailsDiv && detailsData) {  // Only populate if details div exists (not Soft Drinks)
                     detailsDiv.innerHTML = `
                         <h6>Ingredients</h6>
                         <p>${detailsData.ingredients}</p>
@@ -1225,7 +1228,7 @@
                         <h6>Allergens</h6>
                         <p>${detailsData.allergens}</p>
                     `;
-                } else {
+                } else if (detailsDiv) {
                     detailsDiv.innerHTML = '<p>No details available for this item.</p>';
                 }
             });