{% extends "global/Page.html" %}
{% load otree static %}
{% load otree static otree_tools %}


{% block content %}
{% tracking_time %}
{% tracking_focus %}
<div class="card bg-light instructions">
<div class="card-body">
    <h3>
    Welcome! Thanks for participating in our study!
    </h3> </br>
    
     <p>
        This study only consists of you reading the description of a situation and answering one question.
    </p>

    <p>
   Please check whether the participant ID in the field below is actually yours and if it is correct. It should be so, but if not please correct it.
        On the next page you will learn more about this study.
    </p>
    
</div>
</div>

    {% formfield player.P_ID %}

     Please click "next" to continue.
 {% next_button %}
{% endblock %}

    {% block scripts %}
<script>

function get_P_ID() {
        var url = window.location.href;
        //var regex = /(?<=p\/)(.*)(?=\/dictator)/;
        var regex = /(.{0,24})(?=\&STUDY_ID)/
        var P_ID = url.match(regex)[1];
        document.getElementById("id_P_ID").value = P_ID
        if (isNaN(regex))
            {return};
        //console.log(document.getElementById("id_P_ID").value)
    }

    window.onload = function() {
    get_P_ID();
    };
</script>
{% endblock %}