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


{% block title %}
Introduction
{% endblock %}

{% block content %}
<block style="font-size:110%;">

<p>
    Thank you for participating in the study!
</p>

<p>
    This study contains two parts:
    <ol>
        <li>Expert-Client Game</li>
        <li>Questionnaire</li>
    </ol>
</p>


<p>
    You will receive ${{ initial_earning }} participation fee once you complete the study.
    You will also have an opportunity to earn extra bonus, based on your decisions and on chance.
    So, please read the instruction carefully.
</p>

<p>
    This study will use the currency named “tokens”, with the following exchange rate:
    <b>
    <center>1 token = 10 cents</center>
    <center>(100 tokens = 10 dollars)</center>
    </b>
</p>

<p>
    At the end of the study, your earnings in tokens will be converted into dollars and be paid to you as explained in the consent form.
    Therefore, the more tokens you earn from the study, the more extra bonus you will be able to make. Your final payment consists of two parts:
    <ol>
    <li>${{ initial_earning }} participation fee;</li>
    <li>Extra bonus based on tokens that you earn from the tasks.</li>
</ol>
</p>

    <p>
        Please click "Next" to proceed to the instruction for the Expert-Client Game.
    </p>
    <div id="hidden-container">
        <input type="hidden" name="qual_check" id="qual_check" value="1" />
    </div>

    {% next_button %}


{% endblock %}

{% block scripts %}
    <script>
    var time_thres = 3000;

    $(document).ready(function(){
        var start_time = new Date().getTime();
        $(".otree-btn-next").click(function() {
            var end_time = new Date().getTime();
            var diff = end_time - start_time;
            if (end_time - start_time < time_thres) {
                $("#qual_check").val(0);
            }
        });
    });
    </script>
{% endblock %}