Update static/script.js

static/script.js

@@ -266,6 +266,17 @@ function updateSelectionBox() {
         orderNameInput.setAttribute('aria-label', 'Enter order name');
         orderNameInput.tabIndex = 0;
         selectionBox.appendChild(orderNameInput);
+
+      const instructionInput = document.createElement('textarea');
+      instructionInput.placeholder = 'Add any special instructions here...';
+      instructionInput.className = 'instruction-input';
+      instructionInput.setAttribute('aria-label', 'Enter special instructions');
+      instructionInput.tabIndex = 0;
+      instructionInput.rows = 3;
+      instructionInput.style.width = '100%';
+      instructionInput.style.marginTop = '8px';
+      selectionBox.appendChild(instructionInput);
+
     }
 
     chatMessages.appendChild(selectionBox);
@@ -549,6 +560,8 @@ function displayOptions(options) {
 function promptAndSubmit(quantity) {
     const orderNameInput = document.querySelector('.order-name-input');
     const customOrderName = orderNameInput ? orderNameInput.value.trim() : '';
+    const instructionInput = document.querySelector('.instruction-input');
+    const customInstructions = instructionInput ? instructionInput.value.trim() : '';
     const qty = parseInt(quantity);
     
     if (isNaN(qty) || qty <= 0) {
@@ -566,10 +579,10 @@ function promptAndSubmit(quantity) {
     const item = selectedItems[0];
 
     if (confirm(`Submit "${item.name}" with quantity ${qty}?`)) {
-        const instructions = item.instructions || prompt('Any special instructions?', '') || '';
         item.quantity = qty;
+        item.instructions = customInstructions;
 
-        submitCustomizedItem(item, item.ingredients || [], instructions);
+        submitCustomizedItem(item, item.ingredients || [], customInstructions);
         showToast('Submitting customized item...');
     } else {
         addMessage('bot', 'Cancelled. Add more items?');