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

{% block title %}
    Round {{ round_number }}
{% endblock %}



<p>
{% block content %}
    <block style="font-size:110%;">

{% if  player.activeness == 1   %}
In this round, you are matched with a <b>ACTIVE</b> client. This means that he/she may NOT always follow your recommended solution.
{% endif %}

{% if  player.activeness == 0   %}
In this round, you are matched with a <b>PASSIVE</b> client. This means that he/she will always follow your recommended solution.
{% endif %}
</p>




    Please choose one of the six accuracy levels below to conduct the diagnosis.
<br><br> The client will {% if player.treatment == 1 %}<b>NOT</b>{% endif %} be able to observe your accuracy level.<br><br>
<!--    {% formfield player.precision_choice %}-->


<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #858482;
  text-align: center;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #F5F5F5;
}
</style>


<table>
<!--    <tr>-->
<!--        <th>1</th>-->
<!--        <th>2:</th>-->
<!--        <th>3:</th>-->
<!--    </tr>-->

    <tr>
    <div>
        <td> Diagnostic Accuracy </td>
        {% for choice in form.precision_choice %}
            <td>  {{ choice }} </td>
        {% endfor %}
    </div>
    </tr>
    <tr>
    <div>
        <td> Cost of Diagnosis in Tokens </td>
        <td>0</td>
        <td>1</td>
        <td>4</td>
        <td>9</td>
        <td>16</td>
        <td>25</td>
    </div>
    </tr>

</table>
<br><br>

    Note:
<ul>
    <li>You will earn 80 tokens as your fixed payment regardless of the problem solved or not.</li>
    <li>
    {% if player.expert_altruism == 1 %} You will earn extra <b>100 tokens</b> if your matched client's problem is solved.{% endif %}
    {% if player.expert_altruism == 0 %} You will earn extra <b>0 tokens</b> if your matched client's problem is solved, i.e., solving the client's problem does not increase your income. {% endif %}
</li>
</ul>
    </p>
<br><br>

    {% next_button %}

{% endblock %}