BiryaniHubflaskgeethu

Sleeping

App Files Files Community

nagasurendra commited on Apr 21

Commit

22569d5

verified ·

1 Parent(s): 18d9d83

Update templates/customdish.html

Browse files

Files changed (1) hide show

templates/customdish.html +123 -141

templates/customdish.html CHANGED Viewed

@@ -379,154 +379,136 @@
 </head>
 <body>
     <div class="chat-container">
-    <div class="chat-header">🍳 Chef Bot</div>
-    <div class="chat-messages" id="chatMessages">
-        <!-- Bot messages will appear here -->
     </div>
-    <div class="chat-input">
-        <input type="text" id="userInput" placeholder="Type your message...">
-        <button onclick="sendMessage()">Send</button>
-    </div>
-</div>
-<script>
-    let currentStep = 'food_type';  // Starting directly at the food_type step
-    let userName = '';  // This will store the user's name after login
-    let conversation = [];
-    let selectedIngredients = [];
-    let selectedMenuItem = null;
-    let cart = [];
-    // Simulate the login and fetch the user's name
-    function loginUser() {
-        // Example: Fetch the user's name from session or login API (hardcoded for now)
-       userName = session['user_name']; // Replace with actual dynamic name fetching logic
-        // Start the conversation once the user is logged in
-        startConversation();
-    }
-    // Start the conversation directly
-    function startConversation() {
-        if (userName) {
-            addMessage('bot', `Nice to meet you, ${userName}! 😊 Let's create your perfect meal! What type of food would you prefer?`);
-            displayOptions([
-                { text: 'Vegetarian', class: 'green' },
-                { text: 'Non-Vegetarian', class: 'red' }
-            ]);
-        } else {
-            addMessage('bot', 'Hi! Please log in to continue.');
-        }
-    }
-    // Function to add messages to the chat container
-    function addMessage(role, message) {
-        const chatMessages = document.getElementById('chatMessages');
-        if (!chatMessages) {
-            console.error('Chat messages container not found!');
-            return;
-        }
-        const messageDiv = document.createElement('div');
-        messageDiv.className = role === 'bot' ? 'bot-message' : 'user-message';
-        messageDiv.textContent = message;
-        chatMessages.appendChild(messageDiv);
-        chatMessages.scrollTop = chatMessages.scrollHeight;
-        console.log(`Added ${role} message: ${message}`);
-    }
-    // Function to send user input
-    function sendMessage() {
-        const userInput = document.getElementById('userInput');
-        if (!userInput) {
-            console.error('User input field not found!');
-            return;
-        }
-        const message = userInput.value.trim();
-        if (message) {
-            addMessage('user', message);
-            conversation.push({ role: 'user', message: message });
-            userInput.value = '';
-            setTimeout(() => handleResponse(message), 500);
-        } else {
-            console.warn('Empty message!');
-        }
-        displayCart();
-    }
-    // Handle the response based on the user input
-    function handleResponse(userInput) {
-        const lastMessage = userInput.toLowerCase();
-        let botResponse = '';
-        let options = [];
-        if (lastMessage.includes('non-vegetarian')) {
-            conversation.push({ role: 'user', message: 'Non-Vegetarian' });
-            console.log("Food preference selected: Non-Vegetarian");
-            botResponse = `Great choice, ${userName}! 🍽️ Please select a non-vegetarian option:`;
-            fetchIngredients('non-vegetarian');
-            return;
-        } else if (lastMessage.includes('vegetarian')) {
-            conversation.push({ role: 'user', message: 'Vegetarian' });
-            console.log("Food preference selected: Vegetarian");
-            botResponse = `Great choice, ${userName}! 🍽️ Here are some vegetarian ingredients:`;
-            fetchIngredients('vegetarian');
-            return;
-        } else if (lastMessage.includes('chicken') || lastMessage.includes('beef') || lastMessage.includes('lamb')) {
-            conversation.push({ role: 'user', message: lastMessage });
-            console.log(`Non-veg option selected: ${lastMessage}`);
-            botResponse = `Great! Here are some ${lastMessage} ingredients available:`;
-            fetchIngredients(lastMessage.toLowerCase());
-            return;
-        } else if (lastMessage.includes('yes') && selectedMenuItem) {
-            botResponse = 'Here are some ingredients to customize your dish:';
-            handleYesResponse();
-            return;
-        } else if (lastMessage.includes('no') && selectedMenuItem) {
-            // Submit the dish without customization
-            submitCustomizationIngredients();
-            return;
-        } else if (lastMessage.includes('yes') && currentStep === 'post_cart') {
-            // After user says 'yes', ask again for food preference (veg or non-veg)
-            botResponse = `Let's get started again! What type of food would you prefer this time?`;
-            options = [
-                { text: 'Vegetarian', class: 'green' },
-                { text: 'Non-Vegetarian', class: 'red' }
-            ];
-            currentStep = 'food_type';
-            addMessage('bot', botResponse);
-            displayOptions(options);
-            return;
-        } else if (lastMessage.includes('non-vegetarian') && currentStep === 'food_type') {
-            // Handle non-vegetarian selection
-            conversation.push({ role: 'user', message: 'Non-Vegetarian' });
-            console.log("Food preference selected: Non-Vegetarian");
-            botResponse = `Great choice, ${userName}! 🍽️ Please select a non-vegetarian option:`;
-            fetchIngredients('non-vegetarian');
-            return;
-        } else if (lastMessage.includes('vegetarian') && currentStep === 'food_type') {
-            // Handle vegetarian selection
-            conversation.push({ role: 'user', message: 'Vegetarian' });
-            console.log("Food preference selected: Vegetarian");
-            botResponse = `Great choice, ${userName}! 🍽️ Here are some vegetarian ingredients:`;
-            fetchIngredients('vegetarian');
-            return;
-        } else if (lastMessage.includes('no') && currentStep === 'post_cart') {
-            addMessage('bot', 'Awesome! 🧾 Here’s your final cart:');
-            displayCart();  // Optional: show final cart again
-            addMessage('bot', 'Thank you for your order! 👨‍🍳🍲');
-            currentStep = 'end';
-            return;
         }
-        addMessage('bot', botResponse);
-        if (options.length > 0) {
-            displayOptions(options);
         }
-        displayCart();
-    }
         function handleYesResponse() {
             if (!selectedMenuItem) {

 </head>
 <body>
     <div class="chat-container">
+        <div class="chat-header">🍳 Chef Bot</div>
+        <div class="chat-messages" id="chatMessages">
+            <div class="bot-message">Hi there! I'm Chef Bot! May I know your name?</div>
+        </div>
+        <div class="chat-input">
+            <input type="text" id="userInput" placeholder="Type your name or message...">
+            <button onclick="sendMessage()">Send</button>
+        </div>
     </div>
+    <script>
+        let currentStep = 'greeting';  // other possible values: 'food_type', 'select_ingredients', 'menu_display', 'customization', 'post_cart'
+        let conversation = [
+            { role: 'bot', message: "Hi there! I'm Chef Bot! May I know your name?" }
+        ];
+        let selectedIngredients = [];
+        let selectedMenuItem = null;
+        let cart = [];
+        function addMessage(role, message) {
+            const chatMessages = document.getElementById('chatMessages');
+            if (!chatMessages) {
+                console.error('Chat messages container not found!');
+                return;
+            }
+            const messageDiv = document.createElement('div');
+            messageDiv.className = role === 'bot' ? 'bot-message' : 'user-message';
+            messageDiv.textContent = message;
+            chatMessages.appendChild(messageDiv);
+            chatMessages.scrollTop = chatMessages.scrollHeight;
+            console.log(`Added ${role} message: ${message}`);
         }
+        function sendMessage() {
+            const userInput = document.getElementById('userInput');
+            if (!userInput) {
+                console.error('User input field not found!');
+                return;
+            }
+            const message = userInput.value.trim();
+            if (message) {
+                addMessage('user', message);
+                conversation.push({ role: 'user', message: message });
+                userInput.value = '';
+                setTimeout(() => handleResponse(message), 500);
+            } else {
+                console.warn('Empty message!');
+            }
+            displayCart();
         }
+        function handleResponse(userInput) {
+            const lastMessage = conversation[conversation.length - 1].message.toLowerCase();
+            let botResponse = '';
+            let options = [];
+            if (conversation.length === 2) { // After name input
+                botResponse = `Nice to meet you, ${userInput}! 😊 Let's create your perfect meal! What type of food would you prefer?`;
+                options = [
+                    { text: 'Vegetarian', class: 'green' },
+                    { text: 'Non-Vegetarian', class: 'red' }
+                ];
+            } else if (lastMessage.includes('non-vegetarian')) {
+                conversation.push({ role: 'user', message: 'Non-Vegetarian' });
+                console.log("Food preference selected: Non-Vegetarian");
+                botResponse = 'Great choice! 🍽️ Please select a non-vegetarian option:';
+                fetchIngredients('non-vegetarian');
+                return;
+            } else if (lastMessage.includes('vegetarian')) {
+                conversation.push({ role: 'user', message: 'Vegetarian' });
+                console.log("Food preference selected: Vegetarian");
+                botResponse = 'Great choice! 🍽️ Here are some vegetarian ingredients:';
+                fetchIngredients('vegetarian');
+                return;
+            } else if (lastMessage.includes('chicken') || lastMessage.includes('beef') || lastMessage.includes('lamb')) {
+                conversation.push({ role: 'user', message: lastMessage });
+                console.log(`Non-veg option selected: ${lastMessage}`);
+                botResponse = `Great! Here are some ${lastMessage} ingredients available:`;
+                fetchIngredients(lastMessage.toLowerCase());
+                return;
+            } else if (lastMessage.includes('yes') && selectedMenuItem) {
+                botResponse = 'Here are some ingredients to customize your dish:';
+                handleYesResponse();
+                return;
+            } else if (lastMessage.includes('no') && selectedMenuItem) {
+                // Submit the dish without customization
+                submitCustomizationIngredients();
+                return;
+            } else if (lastMessage.includes('yes') && currentStep === 'post_cart') {
+                // After user says 'yes', ask again for food preference (veg or non-veg)
+                botResponse = `Let's get started again! What type of food would you prefer this time?`;
+                options = [
+                    { text: 'Vegetarian', class: 'green' },
+                    { text: 'Non-Vegetarian', class: 'red' }
+                ];
+                currentStep = 'food_type';
+                addMessage('bot', botResponse);
+                displayOptions(options);
+                return;
+            } else if (lastMessage.includes('non-vegetarian') && currentStep === 'food_type') {
+                // Handle non-vegetarian selection
+                conversation.push({ role: 'user', message: 'Non-Vegetarian' });
+                console.log("Food preference selected: Non-Vegetarian");
+                botResponse = 'Great choice! 🍽️ Please select a non-vegetarian option:';
+                fetchIngredients('non-vegetarian');
+                return;
+            } else if (lastMessage.includes('vegetarian') && currentStep === 'food_type') {
+                // Handle vegetarian selection
+                conversation.push({ role: 'user', message: 'Vegetarian' });
+                console.log("Food preference selected: Vegetarian");
+                botResponse = 'Great choice! 🍽️ Here are some vegetarian ingredients:';
+                fetchIngredients('vegetarian');
+                return;
+            } else if (lastMessage.includes('no') && currentStep === 'post_cart') {
+                addMessage('bot', 'Awesome! 🧾 Here’s your final cart:');
+                displayCart();  // Optional: show final cart again
+                addMessage('bot', 'Thank you for your order! 👨‍🍳🍲');
+                currentStep = 'end';
+                return;
+            }
+            addMessage('bot', botResponse);
+            if (options.length > 0) {
+                displayOptions(options);
+            }
+            displayCart();
+        }
         function handleYesResponse() {
             if (!selectedMenuItem) {