Update templates/menu.html

templates/menu.html

@@ -155,6 +155,10 @@
                         <h6>Add-ons</h6>
                         <div id="addons-list" class="addons-container">Loading add-ons...</div>
                     </div>
+                    <div class="mt-4">
+                        <h6>Special Instructions</h6>
+                        <textarea id="modal-instructions" class="form-control" placeholder="Enter any special instructions here..."></textarea>
+                    </div>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-primary" onclick="addToCartFromModal()">Add to Cart</button>
@@ -209,7 +213,7 @@
                 name: addon.getAttribute('data-name'), // Add-on name
                 price: parseFloat(addon.getAttribute('data-price')) // Add-on price
             }));
-        
+            const instructions = document.getElementById('modal-instructions').value;
             // Ensure itemName and itemPrice are present
             if (!itemName || !itemPrice) {
                 alert('Failed to add item to cart. Please try again.');
@@ -221,7 +225,8 @@
                 itemName: itemName, // Food item name
                 itemPrice: itemPrice,
                 itemImage: itemImage, // Image URL
-                addons: selectedAddOns
+                addons: selectedAddOns,
+                instructions: instructions
             };
         
             // Send the payload to the server