document.addEventListener('DOMContentLoaded', function() { const chatWidget = document.querySelector('.chat-widget'); const chatWindow = document.querySelector('.chat-window'); const closeButton = document.querySelector('.chat-header .btn-close'); const sendButton = document.querySelector('.chat-footer .btn-primary'); const messageInput = document.querySelector('.chat-footer .form-control'); const chatBody = document.querySelector('.chat-body'); if (chatWidget) { chatWidget.addEventListener('click', function() { if (chatWindow.style.display === 'flex') { chatWindow.style.display = 'none'; } else { chatWindow.style.display = 'flex'; } }); } if (closeButton) { closeButton.addEventListener('click', function() { chatWindow.style.display = 'none'; }); } function sendMessage() { const messageText = messageInput.value.trim(); if (messageText === '') return; // Add user message to chat body const userMessage = document.createElement('div'); userMessage.classList.add('message', 'user-message'); userMessage.textContent = messageText; chatBody.appendChild(userMessage); // Clear input messageInput.value = ''; // Scroll to bottom chatBody.scrollTop = chatBody.scrollHeight; // Bot reply setTimeout(() => { const botMessage = document.createElement('div'); botMessage.classList.add('message', 'bot-message'); botMessage.textContent = 'Thanks for your message! This is a pre-written response. AI integration is coming soon.'; chatBody.appendChild(botMessage); chatBody.scrollTop = chatBody.scrollHeight; }, 500); } if (sendButton) { sendButton.addEventListener('click', sendMessage); } if (messageInput) { messageInput.addEventListener('keypress', function(e) { if (e.key === 'Enter') { sendMessage(); } }); } });