Update templates/menu.html

templates/menu.html

@@ -419,19 +419,31 @@ form-check-input addon-option{
 <form method="get" action="/menu" class="text-center mb-4">
     <label class="form-label fw-bold">Select a Category:</label>
     <div class="form-check form-check-inline">
-        {% 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>
-   <!-- Separate Customized Dish radio button in a new div to align it properly -->
+        <!-- Default category for Veg with remove radio button -->
+        <input type="radio" id="category-Veg" name="category" value="Veg" class="custom-radio"
+            {% if selected_category == "Veg" %}checked{% endif %} onchange="this.form.submit()">
+        <label class="form-check-label" for="category-Veg">Veg</label>
+        
+        <!-- Remove Selection radio button for Veg category -->
+        <input type="radio" id="category-Remove" name="category" value="Remove" class="custom-radio"
+            {% if selected_category == "Remove" %}checked{% endif %} onchange="this.form.submit()">
+        <label class="form-check-label" for="category-Remove">Remove Selection</label>
+    </div>
+    
+    <!-- Toggle switch for Veg/Non-Veg -->
+    <div class="form-check form-check-inline">
+        <input type="checkbox" id="vegToggle" class="form-check-input" onchange="toggleVegCategory()">
+        <label class="form-check-label" for="vegToggle">Toggle Veg/Non-Veg</label>
+    </div>
+    
+    <!-- Separate Customized Dish radio button in a new div to align it properly -->
     <div class="form-check">
         <input type="radio" id="category-CustomizedDish" name="category" value="Customized Dish" class="custom-radio"
             {% 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">
@@ -773,31 +785,17 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 });
 
-    // Function to round reward points to a single digit
-function roundRewardPoints() {
-    // Get the reward points element
-    let rewardPointsElement = document.getElementById('reward-points');
-
-    // Check if the element exists in the DOM
-    if (rewardPointsElement) {
-        let rewardPointsText = rewardPointsElement.innerText.trim(); // Get and trim the value to remove any extra spaces
-
-        // Check if the innerText is a valid number
-        let rewardPoints = parseFloat(rewardPointsText);
-
-        // If it's a valid number, round it to 1 decimal place
-        if (!isNaN(rewardPoints)) {
-            rewardPointsElement.innerText = rewardPoints.toFixed(1); // Round to 1 decimal place
-        } else {
-            console.error("Reward points value is not a valid number:", rewardPointsText);
-        }
+// Toggle Veg/Non-Veg selection
+function toggleVegCategory() {
+    const toggle = document.getElementById('vegToggle');
+    if (toggle.checked) {
+        // If checked, set category to Veg
+        window.location.href = '/menu?category=Veg'; // Change URL to reflect the new selection
     } else {
-        console.error("Reward points element is missing.");
+        // If unchecked, set category to Non-Veg or remove the selection
+        window.location.href = '/menu?category=Non-Veg'; // Or another fallback category
     }
-}
-        // Run the function when the page loads
-        window.onload = roundRewardPoints;
-        
+}   
     </script>
 
     <!-- Bootstrap JS -->