const formIframe = document.getElementById('form-iframe');
const formStatus = document.getElementById('formStatus');
const currentTimeDisplay = document.getElementById('time');
const startTimeDisplay = document.getElementById('startTimeDisplay');
const endTimeDisplay = document.getElementById('endTimeDisplay');
const userNameDisplay = document.getElementById('userName');

// Display user's name
const userName = localStorage.getItem('userName') || 'User';
userNameDisplay.innerText = userName;

// Function to check if the form is open based on current time
function checkFormStatus() {
    const startTime = localStorage.getItem('startTime');
    const endTime = localStorage.getItem('endTime');

    if (startTime && endTime) {
        startTimeDisplay.innerText = startTime;
        endTimeDisplay.innerText = endTime;

        const now = new Date();
        const [startHours, startMinutes] = startTime.split(':').map(Number);
        const [endHours, endMinutes] = endTime.split(':').map(Number);
        
        const startDateTime = new Date(now.getFullYear(), now.getMonth(), now.getDate(), startHours, startMinutes);
        const endDateTime = new Date(now.getFullYear(), now.getMonth(), now.getDate(), endHours, endMinutes);

        if (now >= startDateTime && now <= endDateTime) {
            formStatus.innerText = 'Open';
            formIframe.style.display = 'block'; // Show the form
        } else {
            formStatus.innerText = 'Closed';
            formIframe.style.display = 'none'; // Hide the form
        }
    }
}

// Update current time display every second
setInterval(() => {
    const now = new Date();
    currentTimeDisplay.innerText = now.toLocaleTimeString();
    checkFormStatus();
}, 1000);

// Fullscreen functionality for the user
const fullscreenBtn = document.getElementById('fullscreen-btn');
if (fullscreenBtn) {
    fullscreenBtn.addEventListener('click', () => {
        if (!document.fullscreenElement) {
            document.documentElement.requestFullscreen().catch(err => {
                console.error("Error attempting to enable fullscreen mode:", err);
            });
        } else {
            document.exitFullscreen();
        }
    });

    // Track when the user exits fullscreen
    document.addEventListener('fullscreenchange', () => {
        if (!document.fullscreenElement) {
            // User exited fullscreen
            const exitedUsers = JSON.parse(localStorage.getItem('exitedUsers')) || [];
            exitedUsers.push(userName);
            localStorage.setItem('exitedUsers', JSON.stringify(exitedUsers));
            alert('You have exited fullscreen. Your name has been recorded.');
        }
    });
}

// Initialize status check
checkFormStatus();