<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>$(function() {
	function pg_get_points_data(data, counter, pointsnotificationshown ) {
		let xhr = new XMLHttpRequest();
		xhr.open("POST", "https://tv.pointagram.com/api/thinkific/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 = {};
		
		// data.user.avatar_url
		// data.user.last_name;
		// data.user.first_name;
		body.user = data.user.id;
		body.lesson = data.lesson.id;
		body.account = data.user.subdomain;
		body.course = data.course.id;
		body.event = data.event;

		xhr.send(JSON.stringify(body));
	}
		
	if(typeof(CoursePlayerV2) !== 'undefined') { 
	    // console.log("Setting hook");
		CoursePlayerV2.on('hooks:contentWasCompleted', function(data) { 
			// console.log("Setting timeout to call in 2 seconds");

			data.counter = 1;
			data.pointsnotificationshown = false;
			data.event = 'contentWasCompleted';
			sessionStorage.setItem('pgeventdata', JSON.stringify(data));
			
			setTimeout(pg_get_points_data, 2000, data, 1, false);
		}); 
	}
	else {
	  // console.log("Not course player, Not setting hook");  
	  if( sessionStorage.getItem('pgeventdata') ) {
		let data = JSON.parse(sessionStorage.getItem('pgeventdata'));
		pg_get_points_data(data, data.counter, data.pointsnotificationshown);
	  }
	}	
});</script>