const openChatButton = document.getElementById('openChatContainer');
const chatContainer = document.getElementById('chatContainer');
const closeChatButton = document.getElementById('closeChatContainer');


const conversation = document.getElementById('conversation');
function scrollToBottom() {
    conversation.scrollTop = conversation.scrollHeight;
}

openChatButton.addEventListener('click', function () {
    chatContainer.classList.remove('hidden');
    openChatButton.classList.add('hidden');
    closeChatButton.classList.remove('hidden');
    scrollToBottom();
});

closeChatButton.addEventListener('click', function () {
    chatContainer.classList.add('hidden');
    openChatButton.classList.remove('hidden');
    closeChatButton.classList.add('hidden');
});