{% extends "experiment/Page.html" %}
{% load otree %}

{% block title %}
    Twitter Authentication
{% endblock %}

{% block content %}

<p>
    To be eligible for the lottery, we must verify you have an eligible Twitter account.
    To do so, please click the button below to sign in with Twitter. After authorizing us to
    view your account, you will receive a code. Paste the code in the text box that will appear
    and click next.
</p>
<p>
    <b>We take your privacy seriously, and this authorization process grants limited permissions to access the information necessary
        to summarize your news diet on Twitter.</b> By authorizing this survey, you will grant read-only access to Tweets, your Twitter profile,
    and the network of accounts you follow. In particular, by authorizing this survey you are <b>not</b> granting access for us to post on your
    behalf nor will we be able to access your private messages.
</p>

<div class="row justify-content-center">
    <a href="{{auth_url}}" target="_blank" style="width: 100px">
        <img alt="Sign in with Twitter" src="{% static 'sign-in-with-twitter.png' %}" style="width: 200px">
    </a>
</div>
<div class="row">
    <div id="forms">
        {% formfields %}
    </div>
</div>



    <br><br>

    {% next_button %}

{% endblock %}

{% block scripts %}
<script>
    function liveRecv(data){
        if(data.type == "auth_url"){
            getVerifier(data.auth_url);
        }
    }

    // document.getElementById("signInBtn").addEventListener("click", function() {
    //     liveSend({"type": "start_authenticate"})
    //     console.log('Button clicked');
    // });
    //
    // function getVerifier(auth_url){
    //     console.log(auth_url);
    //     window.open(auth_url, "authFrame");
    //
    //     // now reveal form for verifier code
    //     document.getElementById("forms").style.display = "block";
    // }
</script>

{% endblock %}