function updateCountdown(countdownDate) {
        const now = new Date().getTime();
        const distance = countdownDate - now;

        if (distance < 0) {
            document.querySelector('.countdown').innerHTML = "<h1>Le compte à rebours est terminé !</h1>";
            return;
        }

        const days = Math.floor(distance / (1000 * 60 * 60 * 24));
        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((distance % (1000 * 60)) / 1000);

        document.getElementById('days').textContent = days;
        document.getElementById('hours').textContent = hours;
        document.getElementById('minutes').textContent = minutes;
        document.getElementById('seconds').textContent = seconds;
    }

    function startCountdown() {
        fetch('/countdown-date')
            .then(response => response.json())
            .then(data => {
                const countdownDate = new Date(data.countdownDate).getTime();
                setInterval(() => updateCountdown(countdownDate), 1000);
            });
    }

    document.addEventListener('DOMContentLoaded', startCountdown);