// Initialize session variables
let sessionStartTime;
let lastButtonClickTime;

// Function to generate a random session ID
function generateSessionId() {
    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
}

// Function to fetch a random animal name from the server
async function getRandomAnimal() {
    try {
        const response = await fetch('/getRandomAnimal');
        const data = await response.json();
        document.getElementById('animal-name').textContent = data.animalName;
    } catch (error) {
        console.error('Error fetching data:', error);
    }
}

// Function to set or retrieve the session ID cookie
function getSessionId() {
    const sessionId = document.cookie.replace(/(?:(?:^|.*;\s*)sessionId\s*=\s*([^;]*).*$)|^.*$/, '$1');
    if (!sessionId) {
        const newSessionId = generateSessionId();
        document.cookie = `sessionId=${newSessionId}`;
        return newSessionId;
    }
    return sessionId;
}


// Function to set session start time
function setSessionStartTime() {
    sessionStartTime = new Date();
}

// Function to calculate and display time difference
function displayTimeDifference() {
    if (sessionStartTime && lastButtonClickTime) {
        const timeDifference = lastButtonClickTime - sessionStartTime;
        console.log(`Time since session start: ${timeDifference} milliseconds`);
        // You can display the time difference on the page as needed
    }
}

// Add click event listeners to the buttons
document.getElementById('isCritterButton').addEventListener('click', () => {
    recordButtonClick('is critter', getSessionId());
});

document.getElementById('isNotCritterButton').addEventListener('click', () => {
    recordButtonClick('is not critter', getSessionId());
});

// Function to record button clicks on the server
async function recordButtonClick(buttonName, sessionId) {
    try {
        const currentTime = new Date();
        if (lastButtonClickTime) {
            const timeDifference = currentTime - lastButtonClickTime;
            // Include the time difference in the POST request data
            await fetch('/recordButtonClick', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({ buttonName, sessionId, timeDifference }),
            });
        }
        lastButtonClickTime = currentTime; // Record the timestamp of the button click
        displayTimeDifference(); // Calculate and display time difference
        getRandomAnimal(); // Load another random animal
    } catch (error) {
        console.error('Error recording button click:', error);
    }
}

// Initial random animal load and session start time
getRandomAnimal();
setSessionStartTime();