Update templates/menu.html

templates/menu.html

@@ -131,7 +131,6 @@
         <form method="get" action="/menu" class="text-center mb-4">
             <label for="category" class="form-label fw-bold">Filter by Category:</label>
             <select id="category" name="category" class="form-select" onchange="this.form.submit()">
-                <option value="All" {% if selected_category == 'All' %}selected{% endif %}>All</option>
                 {% for category in categories %}
                 <option value="{{ category }}" {% if selected_category == category %}selected{% endif %}>
                     {{ category }}
@@ -140,16 +139,17 @@
             </select>
         </form>
 
-        <!-- Menu Items -->
+        <!-- Display Menu Items by Section -->
+        {% for section, items in ordered_menu.items() %}
+        <h3 class="mt-4">{{ section }}</h3>
         <div class="row">
-            {% for item in food_items %}
+            {% for item in items %}
             <div class="col-md-6 mb-4">
                 <div class="card menu-card">
                     <img src="{{ item.Image1__c }}" class="card-img-top menu-image" alt="{{ item.Name }}" onerror="this.src='/static/placeholder.jpg';">
                     <div class="card-body">
                         <h5 class="card-title">{{ item.Name }}</h5>
                         <p class="card-text">${{ item.Price__c }}</p>
-                        <p class="card-text"><small class="text-muted">{{ item.Category__c }}</small></p>
                         <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#itemModal" 
                             onclick="showItemDetails('{{ item.Name }}', '{{ item.Price__c }}', '{{ item.Image2__c }}', '{{ item.Description__c }}', '{{item.Section__c}}','{{ selected_category }}')">
                             Add +
@@ -159,8 +159,10 @@
             </div>
             {% endfor %}
         </div>
+        {% endfor %}
     </div>
 
+
     <!-- View Cart Button -->
     <div class="view-cart-container">
         <a href="/cart" class="view-cart-button">