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

<div class="card">
    <div class=card-header>
        On a scale from 1 to 7, where 1 is 'Getting Version A is a major advantage' and 7 is 'Getting Version B is a major advantage',
        <br>
        <b>Do you think any version confers an advantage for achieving higher scores?</b>
    </div>
    <div class="card-body">
        <div {{ if 'comparisson' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
            {{ formfield 'comparisson' label=''}}
        </div>                        
    </div>
</div>
<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;">
                In Version A, you count the number of times the letter 'A' appears in the table.<br>
                In Version B, you count the number of times the letter 'B' appears in the table.
            </span>    
        </p>
    </div>
</div>

{{ endblock }}

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