document.addEventListener('DOMContentLoaded', (event) => {
    const socket = io();

    // Handle user online/offline status
    socket.on('user_online', function(data) {
        const statusIndicator = document.querySelector(`.status-indicator[data-username="${data.username}"]`);
        if (statusIndicator) {
            statusIndicator.classList.remove('offline');
            statusIndicator.classList.add('online');
        }
    });

    socket.on('user_offline', function(data) {
        const statusIndicator = document.querySelector(`.status-indicator[data-username="${data.username}"]`);
        if (statusIndicator) {
            statusIndicator.classList.remove('online');
            statusIndicator.classList.add('offline');
        }
    });
});