integrate openrouter api - Initial Deployment

index.html

@@ -314,11 +314,22 @@
     </div>
 
     <script>
+        // OpenRouter API Configuration
+        const OPENROUTER_API_KEY = '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'; // Replace with your actual key
+        const OPENROUTER_API_URL = 'https://openrouter.ai/api/v1/chat/completions';
+        const OPENROUTER_MODEL = 'openchat/openchat-7b'; // You can change this to preferred model
+
         // Initialize the app
         document.addEventListener('DOMContentLoaded', function() {
             const chatArea = document.getElementById('chat-area');
             const languageBtn = document.getElementById('language-btn');
             let currentLanguage = 'en';
+            let conversationHistory = [
+                {
+                    role: "system",
+                    content: "คุณคือผู้ช่วยทางการท่องเที่ยวสำหรับ Tour Der Wang ที่วังสามหมอ จ.อุดรธานี จงตอบคำถามเกี่ยวกับสถานที่ท่องเที่ยว แพ็คเกจทัวร์ และกิจกรรมต่าง ๆ ในพื้นที่วังสามหมออย่างเป็นมิตรและให้ข้อมูลครบถ้วน"
+                }
+            ];
             
             // Simulate API connection
             setTimeout(() => {
@@ -499,7 +510,7 @@
             const inputField = document.querySelector('input[type="text"]');
             const sendButton = document.querySelector('.fa-paper-plane').parentNode;
             
-            function sendMessage() {
+            async function sendMessage() {
                 const message = inputField.value.trim();
                 if (message) {
                     const userMessage = document.createElement('div');
@@ -529,8 +540,9 @@
                     chatArea.appendChild(typing);
                     chatArea.scrollTop = chatArea.scrollHeight;
                     
-                    // Simulate bot response after delay
-                    setTimeout(() => {
+                    try {
+                        const apiResponse = await callOpenRouterApi(message);
+                        
                         typing.remove();
                         
                         const botResponse = document.createElement('div');
@@ -538,13 +550,26 @@
                         botResponse.innerHTML = `
                             <div class="message-bubble bot-message p-4 relative">
                                 <div class="absolute -left-2 top-0 w-4 h-4 bg-amber-200 transform -skew-x-12"></div>
-                                <p class="text-amber-900">ฉันได้รับข้อความของคุณแล้วค่ะ ฉันจะพยายามช่วยเหลือคุณให้ดีที่สุด</p>
-                                <p class="text-sm text-amber-700 mt-2">หากคุณต้องการข้อมูลเฉพาะเจาะจงมากขึ้น โปรดแจ้งให้ฉันทราบนะคะ</p>
+                                <p class="text-amber-900">${apiResponse}</p>
                             </div>
                         `;
                         chatArea.appendChild(botResponse);
                         chatArea.scrollTop = chatArea.scrollHeight;
-                    }, 1500);
+                    } catch (error) {
+                        console.error('Error:', error);
+                        typing.remove();
+                        
+                        const botResponse = document.createElement('div');
+                        botResponse.className = 'flex mb-4';
+                        botResponse.innerHTML = `
+                            <div class="message-bubble bot-message p-4 relative">
+                                <div class="absolute -left-2 top-0 w-4 h-4 bg-amber-200 transform -skew-x-12"></div>
+                                <p class="text-amber-900">ขออภัยค่ะ เกิดข้อผิดพลาดในการเชื่อมต่อกับระบบ โปรดลองอีกครั้งในภายหลัง</p>
+                            </div>
+                        `;
+                        chatArea.appendChild(botResponse);
+                        chatArea.scrollTop = chatArea.scrollHeight;
+                    }
                 }
             }
             

prompts.txt

@@ -0,0 +1 @@
+integrate openrouter api