{{ block content }}
<b>We categorize participants in the role of Spectators based on the decisions they made. We define 4 types.</b>
<br>
<br>
<div class="card">
    <div class="card-body">
    <p>
    <b>Type 1:</b><br>
    Type 1 participants want both Agents to earn roughly the same, 
    even if one Agent has more correct answers or has a higher lottery number. 
    </p>
    <p>
    <b>Type 2:</b><br>
    Type 2 participants don't change the earnings with which the Agents start, no matter how they are split. 
    </p>
    <p>
    <b>Type 3:</b><br>
    Type 3 participants want the Agent who has more correct answers to earn more. 
    They think that having a higher lottery number is not as important as completing more correct answers. 
    </p>
    <p>
    <b>Type 4:</b><br>
    Type 4 participants don't fall into the other 3 types.
    </p>
    </div>
</div>
<br>
<br>

<div class="card">
    <div class=card-header>
        <b>Which type do you feel best describes you?</b>
    </div>
    <div class="card-body">
        {{ formfield 'type' label=''}}
    </div>
</div>
<br>
<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>
        .do-not-show {
            display: none;
        }
        .otree-form-errors {
            display: none;  /* Hide the global error message */
        }
    </style>
{{ endblock }}