Update templates/menu.html

templates/menu.html

@@ -466,7 +466,7 @@ form-check-input addon-option{
 <form method="get" action="/menu" class="text-center mb-4">
     <label class="form-label fw-bold">Show Veg Items:</label>
     <div class="form-check form-check-inline">
-        <!-- Veg toggle switch styled like a button -->
+        <!-- Veg toggle switch -->
         <input type="checkbox" id="veg-toggle" name="veg" 
             {% if selected_category == "Veg" %}checked{% endif %} onchange="this.form.submit()" class="custom-toggle">
         <label class="form-check-label" for="veg-toggle">Veg Only</label>
@@ -481,15 +481,12 @@ form-check-input addon-option{
     </div>
 </form>
 
+<!-- Show menu items only when Customized Dish is not selected -->
+<div class="container mt-4">
+    <h1 class="text-center">Menu</h1>
 
-
-
-  <!-- Show menu items only when Customized Dish is not selected -->
-    <div class="container mt-4">
-        <h1 class="text-center">Menu</h1>
-      
-<!-- Display text boxes for Customized Dish -->
-{% if selected_category == "Customized Dish" %}
+    <!-- Display text boxes for Customized Dish -->
+    {% if selected_category == "Customized Dish" %}
     <div id="custom-dish-form" class="mt-4">
         <h3>Create Your Custom Dish</h3>
         <form method="POST" action="/customdish/generate_custom_dish">
@@ -504,34 +501,37 @@ form-check-input addon-option{
             <button type="submit" class="btn btn-primary">Submit</button>
         </form>
     </div>
-{% else %}
-
-
-        <!-- Menu Sections -->
-        {% for section, items in ordered_menu.items() %}
-            <h3>{{ section }}</h3>
-            <div class="row">
-                {% for item in items %}
-                    <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';" "loading="lazy">
-                            <div class="card-body">
-                                <h5 class="card-title">{{ item.Name }}</h5>
-                                <p class="card-text">${{ item.Price__c }}</p>
-                                <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#itemModal" 
-                                    onclick="showItemDetails('{{ item.Name }}', '{{ item.Price__c }}', '{{ item.Image2__c }}', '{{ item.Description__c }}', '{{ item.Section__c }}','{{ selected_category }}')">
-                                    Add
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                {% endfor %}
+    {% else %}
+    <!-- Menu Sections -->
+    {% for section, items in ordered_menu.items() %}
+    <h3>{{ section }}</h3>
+    <div class="row">
+        {% for item in items %}
+        <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';" loading="lazy">
+                <div class="card-body">
+                    <h5 class="card-title">{{ item.Name }}</h5>
+                    <p class="card-text">${{ item.Price__c }}</p>
+                    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#itemModal" 
+                        onclick="showItemDetails('{{ item.Name }}', '{{ item.Price__c }}', '{{ item.Image2__c }}', '{{ item.Description__c }}', '{{ item.Section__c }}', '{{ selected_category }}')">
+                        Add
+                    </button>
+                </div>
             </div>
+        </div>
         {% endfor %}
     </div>
-{% endif %}
+    {% endfor %}
+    {% endif %}
+</div>
 
-    </div>
+
+
+
+  <!-- Show menu items only when Customized Dish is not selected -->
+    <div class="container mt-4">
+     
 
     <!-- View Cart Button -->
     <div class="view-cart-container">