<!DOCTYPE html>
<html lang="en" style="min-height: 100% !important;height: 100%;">
<head>
    <meta charset="UTF-8">
    <title>SCORM 1.2 Example</title>
    <script src="./lib/js/jquery-3.5.1.min.js"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="./lib/css/bootstrap.min.css">
    <script src="./lib/js/popper.min.js"></script>
    <script src="./lib/js/bootstrap.min.js"></script>
    <!-- Prettify -->
    <link rel="stylesheet" href="./lib/css/desert.css">
    <script src="./lib/js/run_prettify.js"></script>
    <!-- Pretender for API Mocking -->
    <script src="./lib/js/fake_xml_http_request.js"></script>
    <script src="./lib/js/route-recognizer.js"></script>
    <script src="./lib/js/pretender.js"></script>
    <!-- lodash -->
    <script src="./lib/js/lodash.min.js"></script>
    <script src="./lib/js/scorm-again.js"></script>
    <script src="./lib/js/cmi-log.js"></script>
    <!-- <link href="./lib/css/styles.css" rel="stylesheet"> -->
    <script src="./lib/js/lms.js" type="application/javascript"></script>
    <script src="./lib/js/common.js" type="application/javascript"></script>


    <script type="text/javascript">
	
		var content;
        
		const urlParams = new URLSearchParams(window.location.search);
        let settings = getSettingsFromParams(urlParams);

        settings.lmsCommitUrl = '/scorm12';

        window.API = new Scorm12API(settings);


        function loadSCORM(studentId, studentName) {
		    var cookieName = content.replace(/\s/g, '').trim() + '_' + studentId + '_SD';
            let dataFromLms = { // this data is passed from the LMS
                cmi: {
                    suspend_data: getCookie(cookieName),
                    core: {
                        entry: 'ab-initio',
                        student_id: studentId,
                        student_name: studentName
                    }
                }
            };

            window.API.loadFromJSON(dataFromLms, '');
        }


        // this data is passed from the LMS
        //let dataFromLms = {
        //    cmi: {
        //	  suspend_data: sd,
        //      core: {
        //        entry: 'ab-initio',
        //        student_id: 'jcputney',
        //        student_name: 'Jonathan Putney',
        //		lesson_location : '',
        //      }
        //    }
        //};

        if (urlParams.get('existing')) {
            dataFromLms = _.merge(dataFromLms, EXISTING_SCORM12);
        }

        //window.API.loadFromJSON(dataFromLms, '');

        var unloaded = false;
        function unloadHandler() {
            if (!unloaded && !API.isTerminated()) {
                API.LMSSetValue('cmi.core.exit', 'suspend'); //Set exit to whatever is needed
                API.LMSCommit(''); //save all data that has already been set
                API.LMSTerminate(''); //close the SCORM API connection properly
                unloaded = true;
                return false;
            }
            return false;
        }

        window.onbeforeunload = unloadHandler;
        window.onunload = unloadHandler;

        $(document).ready(function () {
            content = getQueryString('content');
            document.getElementById('scormBase').setAttribute('src', './content/index_lms.html');
        });

	navigator.sayswho= (function(){
		var ua= navigator.userAgent, tem, 
		M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
		if(/trident/i.test(M[1])){
			tem=  /\brv[ :]+(\d+)/g.exec(ua) || [];
			return 'IE '+(tem[1] || '');
		}
		if(M[1]=== 'Chrome'){
			tem= ua.match(/\b(OPR|Edge)\/(\d+)/);
			if(tem!= null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
		}
		M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
		if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
		return M.join(' ');
	})();
	
    </script>
</head>

<body class="m-0 p-0" style="min-height: 100% !important;height: 100%;border: 0;background-color:black">
    <iframe id="scormBase" class="col d-block h-100 border-0 m-0 p-0" src="" frameborder="0" style="height: 100% !important;width: 100%;padding: 0;" />
</body>
</html>
