{% if thirdparty.enableFacebook and not user %}
    <script>

        // This is called with the results from from FB.getLoginStatus().
        function statusChangeCallback(response) {
            //console.log('statusChangeCallback');
            //console.log(response);
            // The response object is returned with a status field that lets the
            // app know the current login status of the person.
            // Full docs on the response object can be found in the documentation
            // for FB.getLoginStatus().
            if (response.status === 'connected') {
                // Logged into your app and Facebook.
                testAPI();
            } else {
                // The person is not logged into your app or we are unable to tell.
                document.getElementById('status').innerHTML = 'Please log ' +
                    'into this app.';
            }
        }

        // This function is called when someone finishes with the Login
        // Button.  See the onlogin handler attached to it in the sample
        // code below.
        function checkLoginState() {
            FB.getLoginStatus(function(response) {
                //console.log('call back');
                statusChangeCallback(response);
            });
        }

        window.fbAsyncInit = function() {
            FB.init({
                appId      : '{{thirdparty.facebook}}',
                cookie     : true,
                xfbml      : true,
                version    : 'v2.8'
            });
            /*FB.login(function(response) {
                //console.log('Testing Facebook Permissions');
               // console.log(JSON.stringify(response));
               // statusChangeCallback(response);
            }, {scope: 'public_profile,email', return_scopes: true});*/
            FB.getLoginStatus(function(response) {
                //console.log('Testing Facebook');
                //statusChangeCallback(response);
                //console.log(JSON.stringify(response));
            });

        };

        function logout()
        {
            FB.logout(function(response) {
                //console.log('Logging Out');
                //console.log(JSON.stringify(response));
                // Person is now logged out
            });
        }

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        function testAPI() {
            //console.log('Welcome!  Fetching your information.... ');
            FB.api('/me', {fields: 'last_name,first_name,email,name,locale,picture,timezone'}, function(response) {
                //console.log(JSON.stringify(response));
                $.request('onFacebookAuth', {data: response}, {
                    complete: function() {
                        console.log('test');
                        //console.log(data);
                    }
                })

                //console.log('Successful login for: ' + response.name);
                //document.getElementById('status').innerHTML =
               //     'Thanks for logging in, ' + response.name + '!';
            });

        }
    </script>

    <!--<button onClick="FB.login();">Login with FB</button>-->
    <fb:login-button scope="public_profile,email" onlogin="checkLoginState();"></fb:login-button>

    <div id="status"></div>

{% endif %}