<!--
TemplateName:Admin
-->
<!DOCTYPE html>
<html>
<head>
	<title>AutoTardy Kiosk Attendance</title>
<!-- required scripts -->
	~[wc:commonscripts] 
<!-- Required style sheets: screen.css, and print.css --> 
	<link href="/images/css/screen.css" rel="stylesheet" media="screen">
	<link href="/images/css/print.css" rel="stylesheet" media="print">
    <style>
        #studentIdentifier:focus {
            background-color: #ccffcc;
        }

        input[type=text]:blur {
            background-color: white;
        }

        .idMErrorResolution td:first-child {
            text-align: center;
        }
    </style>
</head> 
<body> 
	~[wc:admin_header_css] 
    <!-- breadcrumb start --><a href="/admin/home.html" target="_top">~[text:psx.html.admin_attendance_functions.attendancestatus.start_page]</a> > <a href="/admin/attendance/functions/attendancestatus.html" target="_top">~[text:psx.html.admin_attendance_functions.attendancestatus.attendance1]</a> > AutoTardy Kiosk Attendance<!-- breadcrumb end --> 
    <!-- start of main menu and content --> 
	~[wc:admin_navigation_css] 
    <!-- Start of Page -->
    <p style="float:right; margin:25px 20px;"><a href="https://www.identimetrics.net" target="_blank"><img src="/images/img/identimetrics-wordmark.svg" style="height:2em;"></a></p>	<h1>AutoTardy Kiosk Attendance</h1> 
    <!-- start of content area --> 
    <div data-require-path="components/identimetricsFOTM/index" data-module-name="identimetricsFOTM" data-ng-controller="fotm" data-ng-cloak>
        <style data-ng-if="ctrlData.args.kioskMode">
            #header, #breadcrumbs, #pds-header, #transcriptControls, #pds-left-nav-wrapper, #legend, #btnAddRemoveFavorite {
                display: none !important;
            }

            #container {
                display: block !important;
                padding-top: 10%;
            }

            .ui-dialog.idm_kioskMessage {
                border: none;
                box-shadow: none;
                background: none;
                border-radius: none;
            }

            .ui-dialog-titlebar.idm_kioskMessageTitle {
                border: none;
                box-shadow: none;
                background: none;
                border-radius: none;
                display: none;
            }

            .idm_kioskMessage:focus {
                outline: none;
            }
        </style>

        <style>
            #idMKioskDialogScanned {
                height: 70vh;
                width: 70vw;
            }

            #idMFOTMKioskImage {
                height: 95%;
                width: 95%;
            }

            #idMFOTMKioskName {
                position: absolute;
                top: 0;
                right: 0;
                border-bottom: none;
                margin-right: 0px;
            }

            #idMFOTMKioskStudent {
                position: absolute;
                top: 25%;
                right: 0;
                height: 200px;
                width: 200px;
            }

            #idMFOTMKioskReason {
                position: absolute;
                top: 5%;
                right: 0;
                border-bottom: none;
            }
        </style>
        <div data-ng-show="devMode && ctrlData.lastKiosk">
            <p class="{{ctrlData.lastKiosk.class}}">{{ctrlData.lastKiosk.message}}</p>
        </div>
        <div>
            <div class="button-row" data-ng-if="devMode">
                <button type="button" id="logScope" name="logScope" data-ng-click="logScope()">logScope</button>
            </div>
            <div class="box-round"> 
                <div data-ng-include="'/scripts/components/identimetricsFOTM/views/idM_FOTM_scan.html'"></div>
                <div data-ng-include="'/scripts/components/identimetricsFOTM/views/idM_FOTM_tardySlip.html'"></div>
                <div data-ng-include="'/scripts/components/identimetricsFOTM/views/idM_FOTM_errorDialog.html'"></div>
                <div id="idMFOTMKioskDialogHolder" class="hide">
                    <div id="idMKioskDialogScanned">
                        <img id="idMFOTMKioskImage" data-ng-if="ctrlData.lastKiosk.result == 1" src="/images/idM_AutoTardy/welcome.svg"/>
                        <img id="idMFOTMKioskImage" data-ng-if="ctrlData.lastKiosk.result < 0" src="/images/idM_AutoTardy/stop.svg"/>
                        <h2 id="idMFOTMKioskName" data-ng-if="(ctrlData.args.kioskArgs.kioskPopupInformation.includes('name') || ctrlData.args.kioskArgs.kioskPopupInformation.includes('identifier')) && ctrlData.lastKiosk">
                            <strong data-ng-if="ctrlData.args.kioskArgs.kioskPopupInformation.includes('name') && ctrlData.args.kioskArgs.kioskPopupInformation.includes('identifier')">{{ctrlData.lastKiosk.lastfirst}} ({{ctrlData.lastKiosk.studentIdentifier}})</strong>
                            <strong data-ng-if="ctrlData.args.kioskArgs.kioskPopupInformation.includes('name') && !ctrlData.args.kioskArgs.kioskPopupInformation.includes('identifier')">{{ctrlData.lastKiosk.lastfirst}}</strong>
                            <strong data-ng-if="!ctrlData.args.kioskArgs.kioskPopupInformation.includes('name') && ctrlData.args.kioskArgs.kioskPopupInformation.includes('identifier')">{{ctrlData.lastKiosk.studentIdentifier}}</strong>
                        </h2>
                        <h3 id="idMFOTMKioskReason" data-ng-if="ctrlData.args.kioskArgs.kioskPopupInformation.includes('reason') && ctrlData.lastKiosk && ctrlData.lastKiosk.result < 0">{{ctrlData.map.scanResultsInverted[ctrlData.lastKiosk.result].replace("Denied - ", "")}}</h3>
                        <img id="idMFOTMKioskStudent" data-ng-if="ctrlData.args.kioskArgs.kioskPopupInformation.includes('photo') && ctrlData.lastKiosk && ctrlData.lastKiosk.studentid" style="display:block !important;" data-ng-src="/admin/stp/{{ctrlData.lastKiosk.studentid}}ph.jpeg"/>
                    </div>
                </div>
            </div>
            <div>
                <p style="text-align:center;font-size:large;">{{ctrlData.args.kioskMessage}}</p>
            </div>
        </div> 
    </div>
    ~[wc:idM_FOTM_args]
    <!-- end of content area --> 
	~[wc:admin_footer_css] 
    ~[wc:idM_AutoTardy_auth]
</body> 
</html>