Update templates/menu.html

templates/menu.html

@@ -455,25 +455,28 @@ form-check-input addon-option{
 <!-- Category Filter with Custom Radio Buttons -->
 <form method="get" action="/menu" class="text-center mb-4">
     <label class="form-label fw-bold">Select a Category:</label>
+
+    <!-- Veg Toggle Button -->
     <div class="form-check form-check-inline">
-        {% for category in categories %}
-            <!-- Toggle switch instead of radio button -->
-            <input type="radio" id="category-{{ category }}" name="category" value="{{ category }}"
-                class="custom-toggle"
-                {% if selected_category == category %}checked{% endif %} onchange="this.form.submit()">
-            <label class="form-check-label" for="category-{{ category }}">{{ category }}</label>
-        {% endfor %}
+        <input type="radio" id="category-Veg" name="category" value="Veg"
+            class="custom-toggle"
+            {% if selected_category == "Veg" %}checked{% endif %} onchange="this.form.submit()">
+        <label class="form-check-label" for="category-Veg">Veg</label>
     </div>
 
-    <!-- Customized Dish toggle (styled like a switch) -->
+    <!-- Customized Dish Toggle Button -->
     <div class="form-check form-check-inline">
         <input type="radio" id="category-CustomizedDish" name="category" value="Customized Dish"
             class="custom-toggle"
             {% if selected_category == "Customized Dish" %}checked{% endif %} onchange="this.form.submit()">
         <label class="form-check-label" for="category-CustomizedDish">Customized Dish</label>
     </div>
+
+    <!-- Non-Veg logic handled in backend but not displayed in UI -->
+    <input type="hidden" name="category" value="{% if selected_category == 'Non-Veg' %}Non-Veg{% endif %}">
 </form>
 
+
   
   <!-- Show menu items only when Customized Dish is not selected -->
     <div class="container mt-4">