{% extends "accounts/_base.html" %}

{% load static %}
{% load placeholder %}

{% block title %}
    Logout
{% endblock title %}

{% block header_branding %}{% endblock header_branding %}

{% block content %}
    <section class="accounts">
        <div class="container">
            <div class="row flex-center">
                <div class="branding col-6 text-center">
                    <img src="{% static "img/tapped.svg" %}"/>
                </div>
            </div>

            <div class="row flex-center">
                <div class="col-6 text-center">
                    <h1>You successfully <br/>logged out.</h1>
                    <p>If you want you can <a href="/" style="text-decoration:underline">login</a> again.</p>
                </div>
            </div>
        </div>
    </section>
    <script src="https://apis.google.com/js/platform.js?onload=onLoad" async defer></script>
    <script>
        function getCookie(name) {
            var cookieValue = null;
            if (document.cookie && document.cookie !== '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = cookies[i].trim();
                    // Does this cookie string begin with the name we want?
                    if (cookie.substring(0, name.length + 1) === (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }

        var authtype = getCookie('authtype');

        function onLoad() {
            if (authtype == "google") {
                gapi.load('auth2', function () {
                    gapi.auth2.init().then(function () {
                        var auth2 = gapi.auth2.getAuthInstance();
                        auth2.signOut().then(function () {
                            console.log('User signed out.');
                        });
                    });
                });
            }
        }

        if (authtype == "google") {
            function signOut() {
                var auth2 = gapi.auth2.getAuthInstance();
                auth2.signOut().then(function () {
                    console.log('User signed out.');
                });
            }

            signOut();
        } else if (authtype == "facebook") {
            window.fbAsyncInit = function () {
                FB.init({
                    appId: '1317941291871118',
                    autoLogAppEvents: true,
                    xfbml: true,
                    version: 'v9.0'
                });
                FB.logout(function (response) {
                });
            };
        }


    </script>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
{% endblock content %}