Update templates/menu.html

templates/menu.html

@@ -462,19 +462,17 @@ form-check-input addon-option{
         <i class="bi bi-search search-icon"></i> <!-- Search icon inside the input -->
     </div>
 </div>
-
 <form method="get" action="/menu" class="text-center mb-4">
-    <label class="form-label fw-bold">Select Categories:</label>
-
+    <label class="form-label fw-bold">Select Category:</label>
+    
     <!-- Veg Toggle -->
     <div class="form-check form-check-inline">
-        <input type="checkbox" id="veg-toggle" name="veg" class="custom-toggle"
-            {% if veg_selected %}checked{% endif %} onchange="this.form.submit()">
+        <input type="checkbox" id="veg-toggle" name="veg_toggle" class="custom-toggle"
+            {% if selected_category == "Veg" %}checked{% endif %}
+            onchange="this.form.submit()">
         <label class="form-check-label" for="veg-toggle">Veg</label>
     </div>
-
-    <!-- Customized Dish Toggle -->
-    <div class="form-check form-check-inline">
+     <div class="form-check form-check-inline">
         <input type="checkbox" id="customized-dish-toggle" name="customized_dish" class="custom-toggle"
             {% if customized_dish_selected %}checked{% endif %} onchange="this.form.submit()">
         <label class="form-check-label" for="customized-dish-toggle">Customized Dish</label>
@@ -482,6 +480,8 @@ form-check-input addon-option{
 </form>
 
 
+
+
   <!-- Show menu items only when Customized Dish is not selected -->
     <div class="container mt-4">
         <h1 class="text-center">Menu</h1>