document.addEventListener('DOMContentLoaded', function() {
    const chatForm = document.getElementById('chat-form');
    const messageInput = document.getElementById('message-input');

    if (chatForm) {
        chatForm.addEventListener('submit', function(e) {
            e.preventDefault();
            const message = messageInput.value.trim();
            if (message) {
                console.log('Sending message:', message);
                // In a real app, you'd send this to the server.
                // For this demo, we'll just clear the input.
                messageInput.value = '';

                // Optional: Add the message to the UI for instant feedback
                const chatBody = document.querySelector('.chat-body');
                const messageElement = document.createElement('div');
                messageElement.classList.add('message', 'sent');
                messageElement.innerHTML = `
                    <div class="message-bubble">${message}</div>
                    <div class="message-time">Just now</div>
                `;
                chatBody.appendChild(messageElement);
                chatBody.scrollTop = chatBody.scrollHeight;
            }
        });
    }
});