<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script> <script>console.log("Logged in script loaded");

function pg_get_points_data(data, counter, pointsnotificationshown ) {
    console.log("Fetching data for " + counter);
    let xhr = new XMLHttpRequest();
    xhr.open("POST", "https://devtv.pointagram.com/api/teachable/points");

    data.counter = counter;
    data.pointsnotificationshown = pointsnotificationshown;
    sessionStorage.setItem('pgeventdata', JSON.stringify(data));

    xhr.onreadystatechange = function() { // Call a function when the state changes.
        if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
            // Request finished. Do processing here.
            responseData = JSON.parse(this.responseText);

            let allread = true;
            let pointsscored = false;
            for (let i = 0; i < responseData.length; i++) {
                pointsscored = true;
                if( responseData[i].have_read == "0" ) {
                allread = false;
                }

                // Show notification for points scored
                if( pointsnotificationshown !== true ) {
                    Toastify({
                    text: 'You scored '+responseData[i].Score+' in ' + responseData[i].name,
                    duration: 3000,
                    avatar: responseData[i].icon,
                    gravity: 'bottom'
                    }).showToast();
                }
                // Show notification for badge award and progress
                if( responseData[i].have_read == "1" && responseData[i].badges.length > 0 ) {
                    for (let j = 0; j < responseData[i].badges.length; j++) {
                        // Show notification for awarded badge
                        if( responseData[i].badges[j].status == "won" ) {
                                Toastify({
                                text: 'You earned a '+responseData[i].badges[j].name,
                                duration: 3000,
                                avatar: responseData[i].badges[j].icon,
                                gravity: 'bottom'
                                }).showToast();
                        }
                        // Show notification for ongoing badge
                        else if( responseData[i].badges[j].status == "ongoing" ) {
                                Toastify({
                                text: responseData[i].badges[j].name + ' (' + responseData[i].badges[j].current_value + '/'+responseData[i].badges[j].target_value + ")",
                                duration: 3000,
                                avatar: responseData[i].badges[j].icon,
                                gravity: 'bottom'
                                }).showToast();
                        }
                    }
                }
            }
            if( pointsscored === true ) {
                pointsnotificationshown = true;
            }

            if( !allread && counter < 10) {
                // console.log("Points scored, badges not calculated. Setting timeout to call in 10 seconds");
                setTimeout(pg_get_points_data, 10000, data, ++counter, pointsnotificationshown);
            }
            else if( !pointsscored && counter < 3 ) {
                // console.log("No points scored. Setting timeout to call in 10 seconds");
                setTimeout(pg_get_points_data, 10000, data, ++counter, pointsnotificationshown);
            }
            else {
                // All done, clean up session storage
                sessionStorage.removeItem('pgeventdata');
            }
        }
    }
    let body = {};

    body.user = data.user;
    body.lesson = data.lesson;
    body.account = data.account;
    body.course = data.course;
    body.event = data.event;

    xhr.send(JSON.stringify(body));
}
console.log("Checking if notifications");
console.log(sessionStorage.getItem('pgeventdata'));
if( sessionStorage.getItem('pgeventdata') ) {
    console.log("Is notifications");
    let data = JSON.parse(sessionStorage.getItem('pgeventdata'));
    pg_get_points_data(data, data.counter, data.pointsnotificationshown);
}        


function pg_points_trigger() {
    let data = {};

    const fedoraKeys = document.querySelector('#fedora-data');

    if( fedoraKeys !== null && fedoraKeys !== undefined ) {                
        data.user = _user_id;
        data.lesson = fedoraKeys.getAttribute('data-lecture-id');
        data.account = "wTDwXX9y";
        data.course = fedoraKeys.getAttribute('data-course-id');
        data.event = "";
        data.counter=1;
        data.pointsnotificationshown = false;

        console.log("Setting timer to " + data.counter);
        sessionStorage.setItem('pgeventdata', JSON.stringify(data));

        setTimeout(pg_get_points_data, 3000, data, data.counter, data.pointsnotificationshown);
        //pg_get_points_data(data, data.counter, data.pointsnotificationshown);
    }
    else {
        console.log("Not setting timer");
    }
}

document.addEventListener("DOMContentLoaded", function() {
    console.log("Page loaded successfully");

    let content_button = document.getElementById('lecture_content_complete_button');
    if( content_button !== null && content_button !== undefined ) {
        content_button.addEventListener('click', function() {
            console.log("Click lecture_content_complete_button");
            pg_points_trigger();
         });
    }

    let complete_button = document.getElementById('lecture_complete_button');
    if( complete_button !== null && complete_button !== undefined ) {
        complete_button.addEventListener('click', function() {
            console.log("Click lecture_content_complete_button");
            pg_points_trigger();
         });
    }

});</script>