{{ block title }}
Comprehension test
{{ endblock }}

{{ block content }}
<b>Answer the following questions:</b>
<br>
<br>

<div class="card">
    <div class="card-header"><b>1) How many times will you complete the first and second task?</b></div>
    <div class="card-body">
        <div {{ if 'comp_general1' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'comp_general1' label=''}}
        </div>
    </div>
</div>
<br>

<div class="card">
    <div class="card-header"><b>2) Are you going to be shown the same number in each scenario?</b></div>
    <div class="card-body">
        <div {{ if 'comp_digit1' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'comp_digit1' label=''}}
        </div>
    </div>
</div>
<br>

<div class="card">
    <div class="card-header"><b>3) Can you provide several answers for each number recall?</b></div>
    <div class="card-body">
        <div {{ if 'comp_digit2' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'comp_digit2' label=''}}
        </div>
    </div>
</div>
<br>

<div class="card">
    <div class="card-header"><b>4) Will you earn an additional 10 USD bonus if you correctly recalled the number for the one randomly chosen scenario?</b></div>
    <div class="card-body">
        <div {{ if 'comp_digit3' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'comp_digit3' label=''}}
        </div>
    </div>
</div>
<br>
<br>

<p>
When you are ready, click 'Next'.
<br>
Remember that you can only proceed if you answered all the comprehension questions correctly.
</p>

<br>
<button class="otree-btn-next btn btn-dark btn-primary">Next</button>

{{ if failed == 1 }}
<br><br><br>
<div class="card">
    <div class="card-body" style="text-align: justify">
        <span style="font-size: 16px;"><b>Remember:</b></span><br>
        <span style="font-size: 12px;">
            <b>First Task</b>
            <p>
            At the begining of each of the 25 scenarios, you will be shown one number. 
            Your task is to remember that number.
            You will be asked to recall that number at the end of each of the 25 scenarios.
            You will have 10 seconds to answer.
            Only one answer is allowed.
            </p>
            <b>Compensation</b>
            <p>
            You can get an additional payment if you correctly recalled the number.
            We will randomly select 1 out of the 25 scenarios.
            If you correctly recalled the number in the selected scenario, you will get 10 USD as an additional payment.
            </p>
        </span>    
    </div>
</div>
{{ endif }}

{{ endblock }}

{{ block style }}
    <link rel="stylesheet" href="{% static 'global/style.css' %}"/>
{{ endblock }}