Update templates/menu.html

templates/menu.html

@@ -465,27 +465,27 @@ form-check-input addon-option{
 
 
 <form method="get" action="/menu" class="text-center mb-4">
-    <label class="form-label fw-bold">Select Category:</label>
-
-    <!-- Veg Toggle -->
+    <label class="form-label fw-bold">Select a Category:</label>
     <div class="form-check form-check-inline">
-        <input type="checkbox" id="veg-toggle" name="veg-toggle" 
-               {% if selected_category == "Veg" %}checked{% endif %}
-               onchange="this.form.submit()">
-        <label class="form-check-label" for="veg-toggle">Veg</label>
+        {% for category in categories %}
+            <input type="radio" id="category-{{ category }}" name="category" value="{{ category }}" class="custom-radio"
+                {% if selected_category == category %}checked{% endif %} onchange="this.form.submit()">
+            <label class="form-check-label" for="category-{{ category }}">{{ category }}</label>
+        {% endfor %}
     </div>
 
-    <!-- Customized Dish Toggle -->
+    <!-- Customized Dish radio button (replaced with a toggle) -->
     <div class="form-check form-check-inline">
-        <input type="checkbox" id="customized-dish-toggle" name="customized-dish-toggle" 
-               {% if selected_category == "Customized Dish" %}checked{% endif %}
-               onchange="this.form.submit()">
-        <label class="form-check-label" for="customized-dish-toggle">Customized Dish</label>
+        <input type="checkbox" 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>
 </form>
 
 
 
+
   <!-- Show menu items only when Customized Dish is not selected -->
     <div class="container mt-4">
         <h1 class="text-center">Menu</h1>