const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const userId = urlParams.get('userid');
let gameId;

let startTime = Date.now();


const url = window.location.href;
const gameName = url.split('/');
const gameType = gameName[3].split('?id=');
let gameVersion;


if(gameType[0] == "guided-tracing"){
    gameVersion = gameType[0].split('?')[0];
    gameId = gameName[4];
} else if(gameName.length == 5){
    gameVersion = gameName[3];
    gameId = urlParams.get('id');
}else if(gameName.length == 6){
    gameVersion = gameType[0] + '-' + gameName[4];
    gameId = urlParams.get('id');
}



function submitUserData(drawingZone) {
    const endTime = Date.now();
    const timeDifference = endTime - startTime;
    const timeDifferenceInSeconds = timeDifference / 1000;
    // console.log(`Time difference: ${timeDifferenceInSeconds} seconds`);

    let imageCode;
    let gameScore;

    if(scoreTotal){
        gameScore = scoreTotal;
    }else{
        gameScore = 0;
    }
    // console.log('This is from main point', scoreTotal);
    drawingZone.renderer.snapshot((image) => {
        if(gameType[0] == 'drawing'){
            submitButton.setVisible(true);
            snapshotButton.setVisible(true);
            customCursor.setVisible(true);
            image.style.width = '160px';
            image.style.height = '120px';
            image.style.paddingLeft = '2px';
            document.body.appendChild(image);
            // Download the snapshot as an image
            const link = document.createElement('a');
            link.href = image.src;
            link.download = 'my_drawing.png';
            link.click();
            document.body.removeChild(image);
            imageCode = image.src;
        }else if( gameType[0] == "guided-tracing"){
            // submitButton.setVisible(true);
            // snapshotButton.setVisible(true);
            // customCursor.setVisible(true);
            image.style.width = '160px';
            image.style.height = '120px';
            image.style.paddingLeft = '2px';
            document.body.appendChild(image);
            // Download the snapshot as an image
            const link = document.createElement('a');
            link.href = image.src;
            link.download = `guided-tracing-${gameId}.png`;
            link.click();
            document.body.removeChild(image);
            imageCode = image.src;
        }
        
        

        let userData = {
            'gameName': gameVersion,
            'gameID': gameId,
            'screenShot': imageCode,
            'userId' : userId,
            'gameTime' : timeDifferenceInSeconds,
            'score' : scoreTotal
            // 'starts': formattedDateTime,
            // 'game_start' : gameStartTime,
        };
        // console.log(userData);

        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
        method: 'POST',
        headers: {
            'Content-Type' : 'application/json'
        },
        body: JSON.stringify(userData)
        })
        .then(response => {
            if(response.ok){
            console.log('Data Saved', response)
            } else{
            // console.log('Something Wrong', response)
            }
        })
        .catch(error => {
            console.error('An error occured', error)
        }); 
            
            // Clear the drawing
            // graphics.clear();
        });        
};