document.addEventListener("DOMContentLoaded", function () {
    const userInput = document.getElementById("user-input");
    const micButton = document.getElementById("mic-button");
    const sendButton = document.getElementById("send-button");
    const chatbox = document.getElementById("chatbox");

    userInput.addEventListener("input", function () {
        if (userInput.value.trim() !== "") {
            micButton.style.display = "none";
            sendButton.style.display = "inline-block";
        } else {
            micButton.style.display = "inline-block";
            sendButton.style.display = "none";
        }
    });

    sendButton.addEventListener("click", function () {
        sendMessage(userInput.value);
        userInput.value = "";
        micButton.style.display = "inline-block";
        sendButton.style.display = "none";
    });

    function sendMessage(message) {
        if (message.trim() === "") return;

        // Append user message
        const userMessage = document.createElement("div");
        userMessage.classList.add("message", "user-message");
        userMessage.textContent = message;
        chatbox.appendChild(userMessage);
        chatbox.scrollTop = chatbox.scrollHeight;

        // Simulate bot response (Replace with actual chatbot logic)
        setTimeout(() => {
            const botMessage = document.createElement("div");
            botMessage.classList.add("message", "bot-message");
            botMessage.textContent = "I'm here to assist you!";
            chatbox.appendChild(botMessage);
            chatbox.scrollTop = chatbox.scrollHeight;
        }, 1000);
    }
});