{% extends "global/Page.html" %}
{% load otree static %}
{% block content %}

<br><br>


<!-- ===================== SCALE 1 ===================== -->

<p><b>How confident was Player B in the self-assessment?</b></p>

<table class="table">
<tr>
    <td></td>
    <td style="text-align: center">Underconfident</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td style="text-align: center">Accurately confident</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td style="text-align: center">Overconfident</td>
</tr>

<tr>
    <th style="width:40%;">Player B was...</th>
    {% for choice in form.confident1 %}
        <td align="center">{{ choice }}</td>
    {% endfor %}
</tr>
</table>

<br><br>

<!-- ===================== SCALE 2 ===================== -->

<p><b>What best describes the rating you gave to Player B?</b></p>

<table class="table">
<tr>
    <td></td>
    <td style="text-align: center">Accurately reflects performance</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td style="text-align: center">Equally important</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td style="text-align: center">Leads to bonus</td>
</tr>

<tr>
    <th style="width:40%;">The rating...</th>
    {% for choice in form.accurate1 %}
        <td align="center">{{ choice }}</td>
    {% endfor %}
</tr>
</table>

<br><br>

{% next_button %}

{% endblock %}