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

<div class="card">
    <div class=card-header><b>1) Did you find it easy or hard to make up your mind about how to split the bonus between the agents?</b></div>
    <div class="card-body">
        <div {{ if 'difficult' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'difficult' label=''}}
        </div>
    </div>
</div>
<br>

<div class="card">
    <div class=card-header><b>2) What best describes how you made up your mind?</b></div>
    <div class="card-body">
        <div {{ if 'how_decision' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'how_decision' label=''}}
        </div>
    </div>
</div>
<br>

<div class="card">
    <div class=card-header><b>3) Do you feel that the decisions you made reflect exactly what you think each agent deserves to get?</b></div>
    <div class="card-body">
        <div {{ if 'best' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'best' label=''}}
        </div>
    </div>
</div>
<br>

<div class="card">
    <div class=card-header><b>4) Do you think that you would make the same decisions outside a study like this one?</b></div>
    <div class="card-body">
        <div {{ if 'certainty' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'certainty' label=''}}
        </div>
    </div>
</div>
<br>

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

{{ endblock }}

{{ block style }}
    <link rel="stylesheet" href="{% static 'global/style.css' %}"/>
    <style>
        .otree-form-errors {
            display: none;  /* Hide the global error message */
        }
    </style>
{{ endblock }}