Update templates/menu.html

templates/menu.html

@@ -464,25 +464,24 @@ form-check-input addon-option{
 </div>
 
 <form method="get" action="/menu" class="text-center mb-4">
-    <label class="form-label fw-bold">Select a Category:</label>
+    <label class="form-label fw-bold">Select Categories:</label>
+
+    <!-- Veg Toggle -->
     <div class="form-check form-check-inline">
-        {% for category in categories %}
-            <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="checkbox" id="veg-toggle" name="veg" class="custom-toggle"
+            {% if veg_selected %}checked{% endif %} onchange="this.form.submit()">
+        <label class="form-check-label" for="veg-toggle">Veg</label>
     </div>
 
-    <!-- Customized Dish toggle (styled like a switch) -->
+    <!-- Customized Dish Toggle -->
     <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>
+        <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>
     </div>
 </form>
 
+
   <!-- Show menu items only when Customized Dish is not selected -->
     <div class="container mt-4">
         <h1 class="text-center">Menu</h1>