{if $hubbub->hubbub_arrOptions.allowAzureLogin eq 1 || !$hubbub}
    <div id="azureLogin" class="signInScreen">
        <h3 class="type-style-subHeaderM">{"Please sign in"|gettext}</h3>
        <p>{$hubbub->hubbub_arrOptions.azureDescription}</p>

        <div>
            <a id="azureLoginButton" class="mdl-button -primary right">{"Sign in"|gettext}</a>
        </div>
    </div>
    <script type="text/javascript">
        function nonce() {
            var nonce = "";
            var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

            for( var i=0; i < 10; i++ )
                nonce += possible.charAt(Math.floor(Math.random() * possible.length));

            return nonce;
        }
        
        $('azureLoginButton').observe('click', function() {
            var clientId    = '{$hubbub->hubbub_arrOptions['azureClientId']}'; 
            var redirectUri = '{$hubbub->getLink()}user/azureauth';
            var authUrl     = 'https://login.windows.net/common/oauth2/authorize?client_id=' + clientId + 
                                                                           '&response_type=code' + 
                                                                           '&scope=openid' +
                                                                           '&response_mode=form_post' + 
                                                                           '&nonce=' + nonce() +
                                                                           '&redirect_uri=' + encodeURIComponent(redirectUri);
            var width       = 780;
            var height      = 700;
            var left        = (screen.width/2)-(width/2);
            var top         = (screen.height/2)-(height/2);
            //var signinWin   = window.open(authUrl, 'SignIn', 'width='+width+', height='+height+', toolbar=0, scrollbars=0, status=0, resizable=0, location=0, menubar=0, left='+left+', top='+top);
            window.location.href = authUrl;
            return false;
        });
    </script>
{/if}