Update static/script.js

static/script.js

@@ -45,6 +45,26 @@ function updateSelectionBox() {
     const selectionBox = document.createElement('div');
     selectionBox.className = 'selection-box';
 
+    // Add dietary preference buttons
+    const vegButton = document.createElement('button');
+    vegButton.textContent = 'Vegetarian';
+    vegButton.className = 'dietary-button green';
+    vegButton.onclick = () => fetchMenuItems('vegetarian');
+    selectionBox.appendChild(vegButton);
+
+    const nonVegButton = document.createElement('button');
+    nonVegButton.textContent = 'Non-Vegetarian';
+    nonVegButton.className = 'dietary-button red';
+    nonVegButton.onclick = () => fetchMenuItems('non-vegetarian');
+    selectionBox.appendChild(nonVegButton);
+
+    const bothButton = document.createElement('button');
+    bothButton.textContent = 'Both';
+    bothButton.className = 'dietary-button gray';
+    bothButton.onclick = () => fetchMenuItems('both');
+    selectionBox.appendChild(bothButton);
+
+    // Add selected items label and list
     const label = document.createElement('span');
     label.textContent = 'Selected Items:';
     selectionBox.appendChild(label);
@@ -76,6 +96,7 @@ function updateSelectionBox() {
     });
     selectionBox.appendChild(textInput);
 
+    // Add Submit button if there are selected items
     if (selectedItems.length > 0) {
         const submitButton = document.createElement('button');
         submitButton.textContent = 'Submit to Salesforce';
@@ -172,7 +193,7 @@ function fetchItemDetails(itemName) {
         .then(data => {
             if (data.error) {
                 addMessage('bot', `Couldn’t find "${itemName}" in Salesforce. Add it manually in the box below!`);
-                updateSelectionBox(); // Show the box with text input even if no items are selected yet
+                updateSelectionBox();
             } else {
                 const details = data.item_details;
                 selectedItems.push(details);
@@ -183,7 +204,7 @@ function fetchItemDetails(itemName) {
         })
         .catch(error => {
             addMessage('bot', `Trouble fetching details for "${itemName}": ${error.message}. Add it manually below or I’ll retry...`);
-            updateSelectionBox(); // Show the box with text input on error
+            updateSelectionBox();
             setTimeout(() => fetchItemDetails(itemName), 2000);
         });
 }