{% 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>
        General Instructions
    </h3> </br>

    <p>
   Hi, thanks for participating in our study!
    </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>



    <p>
{% formfield player.P_ID %}
    </p>
 {% next_button %}
</div>
</div>

{% 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 %}