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

{% block title %}
    Diagnostic Accuracy Revision
{% endblock %}

{% block content %}

<p>Now please choose the diagnostic accuracy again. </p>
<!--{% 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 == 2   %}-->
<!--In this round, you are matched with a <b>PASSIVE</b> client. This means that he/she will always follow your recommended solution.-->
<!--{% endif %}-->

<!--    Please choose one of the six accuracy levels below to conduct the diagnosis.-->
<br> The client will NOT 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>

    {% next_button %}

{% endblock %}