Update templates/menu.html

templates/menu.html

@@ -472,7 +472,8 @@ form-check-input addon-option{
         <div class="form-check form-check-inline">
             <input type="radio" id="category-Veg" name="category" value="Veg"
                 class="custom-toggle"
-                {% if selected_category == "Veg" %}checked{% endif %} onchange="this.form.submit()">
+                {% if selected_category == "Veg" %}checked{% endif %}
+                onchange="toggleCategory(this)">
             <label class="form-check-label" for="category-Veg">Veg</label>
         </div>
 
@@ -480,17 +481,20 @@ form-check-input addon-option{
         <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()">
+                {% if selected_category == "Customized Dish" %}checked{% endif %}
+                onchange="toggleCategory(this)">
             <label class="form-check-label" for="category-CustomizedDish">Customized Dish</label>
         </div>
     </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 %}">
+    <!-- Hidden field to handle showing all items when no category is selected -->
+    <input type="hidden" name="category" value="{% if selected_category == '' %}All{% endif %}">
 </form>
 
 
 
+
+
   
   <!-- Show menu items only when Customized Dish is not selected -->
     <div class="container mt-4">
@@ -709,7 +713,17 @@ form-check-input addon-option{
         }
     });
 }
-
+ function toggleCategory(element) {
+        // Check if the category is toggled off
+        if (element.checked) {
+            // If the category is Veg or Customized Dish, keep the form submit behavior as usual
+            this.form.submit();
+        } else {
+            // If neither Veg nor Customized Dish is selected, reset to show all
+            // It will show all items automatically when no specific category is selected
+            this.form.submit();
+        }
+    }
 function addToCartFromModal() {
     const itemName = document.getElementById('modal-name').innerText;
     let itemPrice = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));