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

    function checkConnection() {
        socket.emit('ping');
    }

    socket.on('pong', function () {
        isConnected = true;
    });

    setInterval(() => {
        if (!isConnected) {
            window.location.reload();
        }
        isConnected = false;
        checkConnection();
    }, 3000);

    socket.on('connect', () => {
        isConnected = true;
    });

    socket.on('disconnect', () => {
        isConnected = false;
        window.location.reload();
    });
});