Update templates/menu.html

templates/menu.html

@@ -46,7 +46,7 @@
         .customisable-text {
             font-size: 0.8rem;
             color: #6c757d;
-            text-align: right; /* Align the text to the right */
+            text-align: right;
             margin-top: 5px;
         }
         .btn-primary {
@@ -59,7 +59,7 @@
             text-transform: uppercase;
             margin-top: 10px;
             margin-left: auto;
-            margin-right: 0; /* Align the button to the right */
+            margin-right: 0;
             display: block;
         }
         .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
@@ -90,19 +90,6 @@
             background-color: #109835;
             text-decoration: none;
         }
-        .fixed-search-container {
-            position: absolute;
-            top: 90px;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 80%;
-            max-width: 600px;
-            z-index: 999;
-            background-color: white;
-            padding: 10px;
-            border-radius: 25px;
-            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
-        }
         .container {
             margin-top: 10px;
         }
@@ -281,20 +268,38 @@
             <h3>{{ section }}</h3>
             <div class="row">
                 {% 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>
-                                <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
-                                </button>
-                                <div class="customisable-text">Customisable</div>
+                    <!-- Check if the item belongs to 'Appetizer' or 'Customized Dish' category -->
+                    {% if section != 'Appetizer' and section != 'Customized Dish' %}
+                        <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>
+                                    <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
+                                    </button>
+                                    <div class="customisable-text">Customisable</div>
+                                </div>
                             </div>
                         </div>
-                    </div>
+                    {% else %}
+                        <!-- For Appetizer or Customized Dish, show only "ADD" button, no "Customisable" text -->
+                        <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>
+                                    <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
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    {% endif %}
                 {% endfor %}
             </div>
         {% endfor %}
@@ -398,4 +403,4 @@
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
 </body>
-</html>
+</html>