Update templates/menu.html

templates/menu.html

@@ -650,11 +650,16 @@ form-check-input addon-option{
 
                                           {% if item.Section__c == 'Soft Drinks' %}
     <!-- Soft Drinks: Direct Add-to-Cart Button -->
-    <div id="quantity-control-{{ loop.index }}" class="quantity-control" style="display: none;">
+    <!-- <div id="quantity-control-{{ loop.index }}" class="quantity-control" style="display: none;">
         <button class="btn btn-outline-secondary btn-sm" onclick="decreaseQuantity('{{ item.Name }}', {{ loop.index }})">−</button>
         <span class="quantity mx-2" id="quantity-{{ loop.index }}">1</span>
         <button class="btn btn-outline-secondary btn-sm" onclick="increaseQuantity('{{ item.Name }}', {{ loop.index }})">+</button>
-    </div>
+    </div> -->
+                                       <div class="d-flex align-items-center gap-2">
+                    <button type="button" class="btn btn-outline-secondary" id="decreaseQuantity">-</button>
+                    <input type="text" class="form-control text-center" id="quantityInput" value="1" readonly style="width: 50px;"/>
+                    <button type="button" class="btn btn-outline-secondary" id="increaseQuantity">+</button>
+                </div>
     <button class="btn btn-primary" id="add-btn-{{ loop.index }}"
         onclick="addSoftDrinkToCart('{{ item.Name }}', '{{ item.Price__c }}', '{{ item.Image1__c }}', '{{ item.Section__c }}', '{{ selected_category }}', {{ loop.index }})">
         ADD