"\n\n<!DOCTYPE html>\n<html>\n<head>\n    <title>Login</title>\n    <link rel=\"shortcut icon\" type=\"image/ico\" href=\"/smartacare/images/openmrs-favicon.ico\"/>\n    <link rel=\"icon\" type=\"image/png\\\" href=\"/smartacare/images/openmrs-favicon.png\"/>\n    <!-- Latest compiled and minified CSS -->\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    \n    \n    <script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/uicommons/scripts/jquery-1.12.4.min.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/uicommons/scripts/jquery-ui-1.9.2.custom.min.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/uicommons/scripts/underscore-min.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/uicommons/scripts/knockout-2.2.1.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/uicommons/scripts/emr.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/uicommons/scripts/jquery.toastmessage.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/uicommons/scripts/jquery.simplemodal.1.4.4.min.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/appui/scripts/jquery.min.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/appui/scripts/popper.min.js?cache=1768897866318\"></script>\n<script type=\"text/javascript\" src=\"/smartacare/ms/uiframework/resource/appui/scripts/bootstrap.min.js?cache=1768897866318\"></script>\n<link rel=\"stylesheet\" href=\"/smartacare/ms/uiframework/resource/uicommons/styles/styleguide/jquery-ui-1.9.2.custom.min.css?cache=1768897866318\" type=\"text/css\"/>\n<link rel=\"stylesheet\" href=\"/smartacare/ms/uiframework/resource/uicommons/styles/styleguide/jquery.toastmessage.css?cache=1768897866318\" type=\"text/css\"/>\n<link rel=\"stylesheet\" href=\"/smartacare/ms/uiframework/resource/appui/styles/bootstrap.min.css?cache=1768897866318\" type=\"text/css\"/>\n<link rel=\"stylesheet\" href=\"/smartacare/ms/uiframework/resource/*/styles/login.css?cache=1768897866318\" type=\"text/css\"/>\n<link rel=\"stylesheet\" href=\"/smartacare/ms/uiframework/resource/referenceapplication/styles/referenceapplication.css?cache=1768897866318\" type=\"text/css\"/>\n\n</head>\n<body>\n<script type=\"text/javascript\">\n    var OPENMRS_CONTEXT_PATH = 'smartacare';\n</script>\n\n<script type=\"text/javascript\">\n    jQuery(function () {\n        jQuery(\"#togglePassword\").click(function () {\n            var pwdIcon = jQuery(this);\n            pwdIcon.toggleClass(\"fa-eye fa-eye-slash\");\n            var type = pwdIcon.hasClass(\"fa-eye-slash\") ? \"text\" : \"password\";\n            jQuery(\"#password\").attr(\"type\", type);\n        });\n    });\n</script>\n\n\n<script type=\"text/javascript\">\n    jQuery(function() {\n    \tupdateSelectedOption = function() {\n\t        jQuery('#sessionLocation li').removeClass('selected');\n\t        \n\t\t\tvar sessionLocationVal = jQuery('#sessionLocationInput').val();\n\t        if(sessionLocationVal != null && sessionLocationVal != \"\" && sessionLocationVal != 0){\n\t            jQuery('#sessionLocation li[value|=' + sessionLocationVal + ']').addClass('selected');\n\t        }\n    \t};\n    \n        updateSelectedOption();\n\n        jQuery('#sessionLocation li').click( function() {\n            jQuery('#sessionLocationInput').val(jQuery(this).attr(\"value\"));\n            updateSelectedOption();\n        });\n\t\tjQuery('#sessionLocation li').focus( function() {\n            jQuery('#sessionLocationInput').val(jQuery(this).attr(\"value\"));\n            updateSelectedOption();\n        });\n\t\t\n\t\t// If <Enter> Key is pressed, submit the form\n\t\tjQuery('#sessionLocation').keyup(function (e) {\n    \t\tvar key = e.which || e.keyCode;\n    \t\tif (key === 13) {\n      \t\t\tjQuery('#login-form').submit();\n    \t\t}\n\t\t});\n\t\tvar  listItem = Array.from(jQuery('#sessionLocation li'));\n\t\tfor (var i in  listItem){\n\t\t\t listItem[i].setAttribute('data-key', i);\n\t\t\t listItem[i].addEventListener('keyup', function (event){\n\t\t\t\tvar keyCode = event.which || event.keyCode;\n\t\t\t\tswitch (keyCode) {\n\t\t\t\t\tcase 37: // move left\n\t\t\t\t\t\tjQuery(this).prev('#sessionLocation li').focus();\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 39: // move right\n\t\t\t\t\t\tjQuery(this).next('#sessionLocation li').focus();\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 38: // move up\n\t\t\t\t\t\tjQuery('#sessionLocation li[data-key=' +(Number(jQuery(document.activeElement).attr('data-key')) - 3) + ']').focus(); \n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 40: //\tmove down\n\t\t\t\t\t\tjQuery('#sessionLocation li[data-key=' +(Number(jQuery(document.activeElement).attr('data-key')) + 3) + ']').focus(); \n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault: break;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\t\n        jQuery('#loginButton').click(function(e) {\n        \tvar sessionLocationVal = jQuery('#sessionLocationInput').val();\n        \t\n        \tif (!sessionLocationVal) {\n       \t\t\tjQuery('#sessionLocationError').show(); \t\t\n        \t\te.preventDefault();\n        \t}\n        });\n    });\n</script>\n\n\n<script type=\"text/javascript\">\n    jQuery(function() {\n        var cannotLoginController = emr.setupConfirmationDialog({\n            selector: '#cannotLoginPopup',\n            actions: {\n                confirm: function() {\n                    cannotLoginController.close();\n                }\n            }\n        });\n        jQuery('form').on('submit', function() {\n            jQuery('#loginButton').prop( \"disabled\", true );\n        });\n\t\tjQuery('#username').focus();\n        jQuery('a#cantLogin').click(function() {\n            cannotLoginController.show();\n        });\n        \n        pageReady = true;\n    });\n</script>\n\n<script type=\"text/javascript\">\n    jq(document).ready(function () {\n        if(jq(\"#clientTimezone\").length){\n            jq(\"#clientTimezone\").val(Intl.DateTimeFormat().resolvedOptions().timeZone)\n        }\n    });\n</script>\n\n<div id=\"content\" class=\"container-fluid\">\n    <div class= \"row\">\n        <div class=\"col-12 col-sm-12 col-md-12 col-lg-12\">\n            \n\n\n\n        </div>\n    </div>\n    <div class= \"row\">\n        <div class=\"col-12 col-sm-12 col-md-12 col-lg-12\">\n            <header>\n                <div class=\"logo\">\n                    <a href=\"/smartacare/referenceapplication/home.page\">\n                        <img src=\"/smartacare/ms/uiframework/resource/referenceapplication/images/openMrsLogo.png\"/>\n                    </a>\n                </div>\n            </header>\n        </div>\n    </div>\n    <div class= \"row\">\n        <div class=\"col-12 col-sm-12 col-md-12 col-lg-12\">\n            <div id=\"body-wrapper\">\n                <div id=\"content\">\n                    <form id=\"login-form\" method=\"post\" autocomplete=\"off\">\n                        <fieldset class=\"border p-2\">\n\n                            <legend class=\"w-auto\">\n                                <i class=\"icon-lock small\"></i>\n                                Login\n                            </legend>\n\n                            \n                            <p class=\"left\">\n                                <label for=\"username\">\n                                    Username:\n                                </label>\n                                <input class=\"form-control form-control-sm form-control-lg form-control-md\" id=\"username\" type=\"text\" name=\"username\" placeholder=\"Enter your username\"/>\n                            </p>\n\n                            <p class=\"left\">\n                                <label for=\"password\">\n                                    Password:\n                                </label>\n                                <input class=\"form-control form-control-sm form-control-lg form-control-md\" id=\"password\" type=\"password\" name=\"password\" placeholder=\"Enter your password\"/>\n                                <i class=\"fa fa-eye\" id=\"togglePassword\"></i>\n                            </p>\n                            \n\n                            \n                            <p class=\"clear\">\n                                <label for=\"sessionLocation\">\n                                    Location for this session: <span class=\"location-error\" id=\"sessionLocationError\" style=\"display: none\">You must choose a location!</span>\n                                </label>\n                                <ul id=\"sessionLocation\" class=\"select\">\n                                    \n                                    <li id=\"Inpatient Ward\" tabindex=\"0\"  value=\"6\">Inpatient Ward</li>\n                                    \n                                    <li id=\"Isolation Ward\" tabindex=\"0\"  value=\"4\">Isolation Ward</li>\n                                    \n                                    <li id=\"Laboratory\" tabindex=\"0\"  value=\"9\">Laboratory</li>\n                                    \n                                    <li id=\"Outpatient Clinic\" tabindex=\"0\"  value=\"7\">Outpatient Clinic</li>\n                                    \n                                    <li id=\"Registration Desk\" tabindex=\"0\"  value=\"5\">Registration Desk</li>\n                                    \n                                </ul>\n                            \n                            </p>\n\n                            <input type=\"hidden\" id=\"sessionLocationInput\" name=\"sessionLocation\"\n                                 />\n\n                            <p></p>\n                            \n                            <p>\n                            \n                                <input id=\"loginButton\" class=\"btn confirm\" type=\"submit\"\n                                    value=\"Log In\"/>\n                            </p>\n                            \n                            <p>\n                                <a id=\"cantLogin\" href=\"javascript:void(0)\">\n                                    <i class=\"icon-question-sign small\"></i>\n                                    Can't log in?\n                                </a>\n                            </p>\n                            \n                        </fieldset>\n                        <input type=\"hidden\" name=\"redirectUrl\" value=\"\" />\n\n                    </form>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class= \"row\">\n        <div class=\"col-12 col-sm-12 col-md-12 col-lg-12\">\n            <div id=\"cannotLoginPopup\" class=\"dialog\" style=\"display: none\">\n                <div class=\"dialog-header\">\n                    <i class=\"icon-info-sign\"></i>\n                    <h3>Can't log in?</h3>\n                </div>\n                <div class=\"dialog-content\">\n                    <p class=\"dialog-instructions\">Please contact your System Administrator.</p>\n\n                    <button class=\"confirm\">Okay</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n</body>\n</html>\n"