var socket;
document.addEventListener('DOMContentLoaded', function() {
    data = window.appData;
    console.log(data);
    socket = io('http://localhost:5000/agent?username='+data.username+'&folder='+data.folder);
    socket.on('connect', function() {
        console.log('Connected to server');
        socket.emit('login',JSON.stringify(data));
    });
    // 监听来自服务器的消息
    socket.on('message', function(data) {
        // 显示服务器的回复消息
        const serverMessage = document.createElement('div');
        serverMessage.innerHTML = `<div class="chat-message server-message"><b>服务器:</b> ${marked.parse(data)}</div>`;
        document.getElementById('chatbox').appendChild(serverMessage);

        // 滚动到最新消息
        document.getElementById('chatbox').scrollTop = document.getElementById('chatbox').scrollHeight;
    });
});


// 控制文字大小的滑块
const fontSizeSlider = document.getElementById('fontSizeSlider');
const chatbox = document.getElementById('chatbox');

fontSizeSlider.addEventListener('input', function() {
    console.log(fontSizeSlider.value);
    chatbox.style.fontSize = fontSizeSlider.value + 'px';
});

// 语言切换按钮
const englishRadio = document.getElementById('english');
const chineseRadio = document.getElementById('chinese');
let language = 'en';  // 默认语言

// 切换语言事件
englishRadio.addEventListener('change', function() {
    if (englishRadio.checked) language = 'en';
});

chineseRadio.addEventListener('change', function() {
    if (chineseRadio.checked) language = 'zn';
});


        
// 发送消息
function sendMessage() {
    const input = document.getElementById('messageInput').value;
    if (input.trim() === '') return;

    // 使用 marked.js 解析 markdown
    const markdownHtml = marked.parse(input);

    // 显示用户发送的消息
    const userMessage = document.createElement('div');
    userMessage.innerHTML = `<div class="chat-message user-message"><b>你:</b> ${markdownHtml}</div>`;
    document.getElementById('chatbox').appendChild(userMessage);

    // 发送消息到服务器
    socket.emit('message', input);

    // 清空输入框
    document.getElementById('messageInput').value = '';

    // 滚动到最新消息
    document.getElementById('chatbox').scrollTop = document.getElementById('chatbox').scrollHeight;
}