<script>
// Function to format numbers with leading zeros
function formatTime(num) {
    return num < 10 ? "0" + num : num;
}

// Function to get the current time in Denmark
function getDenmarkTime() {
    const now = new Date();
    const utcTime = now.getTime() + now.getTimezoneOffset() * 60000; // UTC time in milliseconds
    const denmarkOffset = 1 * 60 * 60 * 1000; // CET offset (1 hour in milliseconds)
    const dstOffset = isDSTInDenmark() ? 1 * 60 * 60 * 1000 : 0; // Check if daylight saving time is active
    return new Date(utcTime + denmarkOffset + dstOffset);
}

// Function to check if Denmark is currently in Daylight Saving Time (DST)
function isDSTInDenmark() {
    const now = new Date();
    const january = new Date(now.getFullYear(), 0, 1); // January 1st
    const july = new Date(now.getFullYear(), 6, 1); // July 1st
    const standardTimezoneOffset = Math.max(january.getTimezoneOffset(), july.getTimezoneOffset());
    return now.getTimezoneOffset() < standardTimezoneOffset; // DST if current offset is less
}

// Function to update the clock text
function updateClock() {
    const denmarkTime = getDenmarkTime();
    const hours = formatTime(denmarkTime.getHours());
    const minutes = formatTime(denmarkTime.getMinutes());
    const seconds = formatTime(denmarkTime.getSeconds());
    const clockElement = document.querySelector('.real-time-clock');
    if (clockElement) {
        clockElement.textContent = `${hours}:${minutes}:${seconds}`;
    }
}

// Function to animate the clock with GSAP
function animateClock() {
    gsap.to('.real-time-clock', {
        opacity: 0.5,
        duration: 0.5,
        onComplete: () => {
            updateClock(); // Update the time after fading out
            gsap.to('.real-time-clock', { opacity: 1, duration: 0.5 }); // Fade back in
        }
    });
}

// Initialize the clock and set it to update every second
updateClock(); // Initial update
setInterval(animateClock, 1000); // Animate and update every second
</script>