<!DOCTYPE html>
<html ng-app="swiftassessMobile" ng-controller="AppCtrl">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <!-- exam.seu.edu.sa -->
    <meta http-equiv="origin-trial" content="Asaw+WUFwH69LdI+yjMUAe84MFvO9XkrmDa5ykyWkKrWNhsgy6zspcKc4ZSIc/vyoJgLy2AmMVnuJrDyDfJpDgAAAACLeyJvcmlnaW4iOiJodHRwczovL2V4YW0uc2V1LmVkdS5zYTo0NDMiLCJmZWF0dXJlIjoiRGlzYWJsZURpZmZlcmVudE9yaWdpblN1YmZyYW1lRGlhbG9nU3VwcHJlc3Npb24iLCJleHBpcnkiOjE2Mzk1MjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ==">
    <!-- swiftassess.com -->
    <meta http-equiv="origin-trial" content="AkTdncqS8eEMaZKz7kT1yZ+fVeiZQJ/Q+8B56pZiiJi8Ucc0hr6m5FrDY9l5ECBkPjsWx2OhgEwZRSLahY5fJgcAAACLeyJvcmlnaW4iOiJodHRwczovL3N3aWZ0YXNzZXNzLmNvbTo0NDMiLCJmZWF0dXJlIjoiRGlzYWJsZURpZmZlcmVudE9yaWdpblN1YmZyYW1lRGlhbG9nU3VwcHJlc3Npb24iLCJleHBpcnkiOjE2Mzk1MjYzOTksImlzU3ViZG9tYWluIjp0cnVlfQ==">
    <!-- pnu.edu.sa -->
    <meta http-equiv="origin-trial" content="AvrrolL513hzXmSuLHnvSVX7BNkSX9go7kSnhydjhsrMh/ctNy/vJibjWdEZ74h6gEVv8Ms0+h3E9oo1qHAkIA0AAACGeyJvcmlnaW4iOiJodHRwczovL3BudS5lZHUuc2E6NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVEaWZmZXJlbnRPcmlnaW5TdWJmcmFtZURpYWxvZ1N1cHByZXNzaW9uIiwiZXhwaXJ5IjoxNjM5NTI2Mzk5LCJpc1N1YmRvbWFpbiI6dHJ1ZX0=">
    <!-- moe.gov.ae -->
    <meta http-equiv="origin-trial" content="Asf4Lu3jMQRTgzgoLQGM/mbClTPXBZTI0/BAWKvMQUSDKGWrKMn2nwVYRbG28lPwGcsgkzGNULyl1HLq0NYpwwsAAACGeyJvcmlnaW4iOiJodHRwczovL21vZS5nb3YuYWU6NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVEaWZmZXJlbnRPcmlnaW5TdWJmcmFtZURpYWxvZ1N1cHByZXNzaW9uIiwiZXhwaXJ5IjoxNjM5NTI2Mzk5LCJpc1N1YmRvbWFpbiI6dHJ1ZX0=">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <style>
        p {
            text-indent: 0 !important;
        }

        .qCanvasContainer {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
            touch-action: none;
            -ms-touch-select: none;
            -ms-content-zooming: none;
        }

        fill-in-blanks .qParagraph span.blank {
            display: inline-flex !important;
        }

        .modal-open .modal {
            z-index: 9999999 !important;
        }

        @media screen and (-webkit-min-device-pixel-ratio:0) {
            fill-in-blanks .qParagraph span.blank {
                display: inline-block !important;
            }
        }

        .result-value {
            font-size: 40px !important;
        }
    </style>
    <script>
        MathJax = {
            loader: { load: ['ui/lazy'] },
            tex: {
                inlineMath: [['$', '$'], ['\\(', '\\)']]
            },
            svg: {
                fontCache: 'global'
            },
            options: {
                enableMenu: false,
                menuOptions: {
                    settings: {
                        semantics: true,
                        assistiveMml: true,
                        inTabOrder: true
                    }
                }
            }
        };
    </script>
    <script type="text/javascript" id="MathJax-script" async
            src="assets/MathJax-master/es5/tex-mml-chtml.js"></script>
    <script src="assets/OfflineDesmos-master/calculator.js"></script>
    <title>{{pageTitle}}</title>
</head>
<body dir="{{dir}}">
    <div ui-view="main" style="height: 100%; position: relative; overflow-y: auto;overflow-x: hidden;width: 100%;">
    </div>
    <div id="throbber" ng-show="throbber">
        <div class="preloader">
            <div class='preloader-dots'>
                <div class='dot'></div>
                <div class='dot'></div>
                <div class='dot'></div>
                <div class='dot'></div>
                <div class='dot'></div>
            </div>
        </div>
    </div>
    <div id="toastBox" style="z-index: 999999">
    </div>
    <audio id="toastErr">
        <source src="assets/toastErr.ogg" type="audio/ogg">
        <source src="assets/toastErr.mp3" type="audio/mpeg">
        <source src="assets/toastErr.wav" type="audio/wav">
    </audio>
    <audio id="toastWarn">
        <source src="assets/toastWarn.ogg" type="audio/ogg">
        <source src="assets/toastWarn.mp3" type="audio/mpeg">
        <source src="assets/toastWarn.wav" type="audio/wav">
    </audio>

    <link rel="import" href="assets/components/polymer/polymer.html">
    <script async src="assets/components/webcomponentsjs/webcomponents-lite.min.js"></script>

    <script charset="utf-8" src="assets/SA-Widget.min.js"></script>
    <script src="assets/js/quill.js"></script>
    <!--<script src="assets/node_modules/pdfjs-dist/build/pdf.js"></script>
    <script src="assets/node_modules/angularjs-pdf-viewer/dist/angular-pdf-viewer.min.js"></script>-->
    <link href="assets/SA-Widget.min.css" rel="stylesheet">

    <!--<script type="text/javascript" src="js/index.js"></script>-->
    <!--<script type="text/javascript" src="js/HelloPlugin.js"></script>-->
    <script type="text/javascript" src="cordova.js"></script>

    <link rel="import" href="assets/components/paper-elements/paper-elements.html">
    <link rel="import" href="assets/components/core-elements/core-elements.html">

    <link rel="import" href="assets/components/paper-calculator/paper-calculator.html">
    <script type="text/ng-template" id="myModalContent.html">
        <div class="modal-header">
            <h3 class="modal-title">{{isSurvey?surveyInfo.title:resources.passwordRequired}}</h3>
        </div>
        <div class="modal-body">
            <p id="surveyDesc" ng-if='isSurvey' ng-bind-html='surveyInfo.desc'></p>
            <p>{{isSurvey?resources.enterSurveyDetails:resources.enterPassword}}</p>
            <input ng-show="!isSurvey || isPassword" ng-enter="ok()" focus="true" type="password" ng-model="password.text" name="Password" id="enterpass" placeholder="{{resources.password}}" />
            <input ng-show="isSurvey && isAnonymous==false" ng-enter="ok()" type="text" ng-model="name.text" name="name" id="entername" placeholder="{{resources.name}}" />
            <input ng-show="isSurvey && isAnonymous==false" ng-enter="ok()" type="email" ng-model="email.text" name="email" id="enteremail" placeholder="{{resources.email}}" />
        </div>
        <div class="modal-footer">
            <button ng-disabled="active" class="btn btn-primary" ng-click="ok()">{{isSurvey?resources.startSurvey:resources.OK}}</button>
            <button ng-show="!isSurvey" ng-disabled="active" class="btn btn-default" ng-click="cancel()">{{resources.Cancel}}</button>
        </div>
    </script>
    <script type="text/ng-template" id="settingsModal.html">
        <div class="modal-header">
            <h3 class="modal-title">{{resources.Settings}}</h3>
        </div>
        <div class="modal-body">
            <span style=" text-align: center; font-weight: bold; margin:5px;">{{resources.DiscoveryInstruction}}</span>
            <select id="DiscoveryOption" ng-model="DropdownDiscovery" style="background-color:White;" ng-change="DropDownChange()">
                <!--ng-change="IPChange($event.target.value)"-->
                <option value="Cloud" selected>{{resources.Cloud}}</option>
                <option value="OnPrem" selected>{{resources.OnPrem}}</option>
            </select>
            <div id="HostDialogBody" style="text-align:center;font-size: 16px;" ng-if="DropdownDiscovery=='Cloud'">
                <span style=" text-align: center; font-weight: bold; ">https://app.swiftassess.com/</span>
                <input ng-enter="ok()" type="text" ng-model="host.text" name="host" id="enterhost" style=" text-align: center; font-weight: bold; " />
                <!--<span>{{url}}</span>-->
            </div>
            <div id="HostDialogBody" style="text-align:center;font-size: 16px;" ng-if="DropdownDiscovery=='OnPrem'">
                <span style=" text-align: center; font-weight: bold; ">https://</span>
                <input ng-enter="ok()" type="text" ng-model="host.text" name="host" id="enterhost" style=" text-align: center; font-weight: bold; " />
                <!--<span>{{url}}</span>-->
            </div>
        </div>
        <div class="modal-footer">
            <button ng-disabled="active" class="btn btn-primary" ng-click="ok()">{{resources.OK}}</button>
            <button ng-show="!isSurvey" ng-disabled="active" class="btn btn-default" ng-click="cancel()">{{resources.Cancel}}</button>
        </div>
    </script>

</body>
</html>
