<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
        <title>
   Login
        </title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <!--
  Minor changes to Auth0's default host page styling:
  1. Remove the box shadow from the form.
  2. Use different colors for the radial gradient.
  -->
        <style>
            @media (min-width: 481px) {
                .auth0-lock-widget {
                    box-shadow          : none !important;
                }
            }
            .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-error {
                background-color    : #ff9999 !important;
            }
            .auth0-lock.auth0-lock .auth0-lock-form p.auth0-lock-alternative a:hover {
                text-decoration     : underline;
                color               : blue;
            }
            .auth0-lock.auth0-lock .auth-lock-social-buttons-pane .auth0-lock-social-buttons-container .auth0-lock-social-button.auth0-lock-social-big-button {
                display             : inline-block !important;
                margin              : 10px 9px !important;
                width               : 42px !important;
            }
        </style>
        <style id="AdjustStyles">
            .auth0-lock-overlay {
                background          : radial-gradient(#00a5d5, #006595) rgba(26,153,198, 0.94) !important;
            }
        </style>
        <script>
            var config = JSON.parse(decodeURIComponent(escape(window.atob('eyJpY29uIjoiaHR0cHM6Ly93d3czLnRoZWRhdGFiYW5rLmNvbS9pbWFnZXMvdGRiX2ljb24ucG5nIiwiYXNzZXRzVXJsIjoiIiwiYXV0aDBEb21haW4iOiJ0aGVkYXRhYmFuay5hdXRoMC5jb20iLCJhdXRoMFRlbmFudCI6InRoZWRhdGFiYW5rIiwiY2xpZW50Q29uZmlndXJhdGlvbkJhc2VVcmwiOiJodHRwczovL3RoZWRhdGFiYW5rLmF1dGgwLmNvbS8iLCJjYWxsYmFja09uTG9jYXRpb25IYXNoIjpmYWxzZSwiY2FsbGJhY2tVUkwiOiJodHRwczovL3d3dzMudGhlZGF0YWJhbmsuY29tL3NpZ25pbi1hdXRoMCIsImNkbiI6Imh0dHBzOi8vY2RuLmF1dGgwLmNvbS8iLCJjbGllbnRJRCI6IklySzlrS3VYbDQ1d3N4bTZsRmFrQ01XVXNGQmE1YVRGIiwiZGljdCI6eyJzaWduaW4iOnsidGl0bGUiOiIqKiBEYXRhYmFuayBMb2dpbiJ9fSwiZXh0cmFQYXJhbXMiOnsidGVuYW50IjoidGhlZGF0YWJhbmsiLCJjbGllbnRJRCI6IklySzlrS3VYbDQ1d3N4bTZsRmFrQ01XVXNGQmE1YVRGIiwiX2NzcmYiOiJwSWxwSzE1ZC04OFFaQk0xRk5KRmNJdWxJTzBFU1BzSVd5djAiLCJfaW50c3RhdGUiOiJkZXByZWNhdGVkIn0sImludGVybmFsT3B0aW9ucyI6eyJ0ZW5hbnQiOiJ0aGVkYXRhYmFuayIsImNsaWVudElEIjoiSXJLOWtLdVhsNDV3c3htNmxGYWtDTVdVc0ZCYTVhVEYiLCJfY3NyZiI6InBJbHBLMTVkLTg4UVpCTTFGTkpGY0l1bElPMEVTUHNJV3l2MCIsIl9pbnRzdGF0ZSI6ImRlcHJlY2F0ZWQifSwid2lkZ2V0VXJsIjoiaHR0cHM6Ly9jZG4uYXV0aDAuY29tL3cyL2F1dGgwLXdpZGdldC01LjIubWluLmpzIiwiaXNUaGlyZFBhcnR5Q2xpZW50IjpmYWxzZSwiYXV0aG9yaXphdGlvblNlcnZlciI6eyJ1cmwiOiJodHRwczovL3RoZWRhdGFiYW5rLmF1dGgwLmNvbSIsImlzc3VlciI6Imh0dHBzOi8vdGhlZGF0YWJhbmsuYXV0aDAuY29tLyJ9LCJjb2xvcnMiOnt9fQ=='))));
            config.extraParams = config.extraParams || {
            };
            var sRedirectUrl = (config.extraParams.h) ? config.callbackURL.replace('www3', config.extraParams.h) : config.callbackURL;
            var sBrand = config.extraParams.b || "";
            var errmsg = (config.extraParams.errmsg) ? config.extraParams.errmsg : "";
            var sTitle = "Databank Login";
            var sLogoUrl = "https://www3.thedatabank.com/images/tdb_icon.png";
            var sPrimaryColor = "#006595";
            if (sBrand == "go") {
                var elStyles = document.getElementById("AdjustStyles");
                if (elStyles) {
                    elStyles.innerHTML = ".auth0-lock-overlay {background: radial-gradient(#ea7b7e, #d92228) rgba(221,34,40, 0.94) !important;}";
                }
                sTitle = "Connect Login";
                sLogoUrl = "https://www3.thedatabank.com/images/govoffice_login.png";
                sPrimaryColor = "#d92228";
            }
        </script>
    </head>
    <body>
        <!--[if IE 8]>
        <script src="//cdnjs.cloudflare.com/ajax/libs/ie8/0.2.5/ie8.js"></script>
        <![endif]-->
        <!--[if lte IE 9]>
        <script src="https://cdn.auth0.com/js/base64.js"></script>
        <script src="https://cdn.auth0.com/js/es5-shim.min.js"></script>
        <![endif]-->
        <script src="https://cdn.auth0.com/js/lock/11.17.2/lock.min.js">
        </script>
        <script>
            var connection = config.connection;
            var prompt = config.prompt;
            var languageDictionary;
            var language;
            if (config.dict && config.dict.signin && config.dict.signin.title) {
                languageDictionary = {
                    title: config.dict.signin.title
                };
            } else if (typeof config.dict === 'string') {
                language = config.dict;
            }
            var loginHint = config.extraParams.login_hint;
            var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
                auth: {
                    redirectUrl: sRedirectUrl,
                    responseType: (config.internalOptions || {
                    }).response_type || config.callbackOnLocationHash ? 'token' : 'code',
                    params: config.internalOptions
                },
                assetsUrl: config.assetsUrl,
                allowedConnections: connection ? [connection] : null,
                rememberLastLogin: !prompt,
                language: language,
                languageDictionary: {
                    emailInputPlaceholder: "Email",
                    passwordInputPlaceholder: "Password",
                    forgotPasswordAction: "Reset my password",
                    title: sTitle,
                    lastLoginInstructions: "Click below to log in as:",
                    notYourAccountAction: "Not you?"
                },
                theme: {
                    logo: sLogoUrl,
                    primaryColor: sPrimaryColor,
                    labeledSubmitButton: false
                },
                prefill: loginHint ? {
                    email: loginHint,
                    username: loginHint
                } : null,
                closable: false
            });
            if (errmsg !== "") {
                lock.show({
                    flashMessage: {
                        type: 'error',
                        text: errmsg
                    }
                });
            } else {
                lock.show();
            }
        </script>
    </body>
</html>