{{ block content }}
<b>Guess #3:</b>
<br>
<br>

<b>Consider the following scenario:</b>
<p>
Agents A complete Version A of the task, in which they count the number of times the letter 'A' appeared in the tables.
Agents B complete Version B of the task, in which they count the number of times the letter 'B' appeared in the tables.
After all agents complete the task, we randomly match each Agent A with one Agent B to form pairs.
</p>
<p>
Suppose there are 100 such pairs of agents as described above.
</p>
<br>

<div class="card">
    <div class=card-header>
        <b>In how many pairs (out of the 100) do you think that the Agent B solves more correct tables than the Agent A?</b><br>
        <i>Your guess is the number of pairs (out of 100) in which Agent B outperforms Agent A.</i>
    </div>
    <div class="card-body">
        {{ formfield 'probability' label=''}}                        
    </div>
</div>
<br>
<div class="card">
    <div class=card-header>
        <b>How sure are you about your answer?</b>
    </div>
    <div class="card-body">
        <div {{ if 'probability_confidence' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'probability_confidence' label=''}}
        </div>                        
    </div>
</div>
<br>
<br>

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

<br><br><br>
<div class="card">
    <div class="card-body" style="text-align: justify">
        <span style="font-size: 12px;"><b>Remember:</b></span>
        <p>
            <span style="font-size: 12px;">
                Agents A completed Version A of the task, in which they had to count the number of times the letter 'A' appeared in the tables.<br>
                Agents B completed Version B of the task, in which they had to count the number of times the letter 'B' appeared in the tables.
            </span>    
        </p>
    </div>
</div>

{{ endblock }}

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