{{ block title }}
    Understanding Conditions
{{ endblock }}
{{ block content }}

<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}
</style>

<p>
  Please answer the next questions according to
  the information of the probabilities faced
  by each participant.
<!--  If all your answers are correct -->
<!--  in your first trial-->
<!--  you will make an extra $1,-->
<!--  and you cannot continue until -->
<!--  all your answers are correct. -->
</p>

<p>
<p>
<table>
<thead>
  <tr>
    <th>Box</th>
    <th>
      Probability that the computer selects each box
    </th>
    <th>
      Participant 2's believed probability that the computer selects each box
    </th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>
        <button type="button"
        onclick=""
        style="width: 120px; height: 120px;
            background-color: yellow;
            border-color:black">
            Yellow Box
        </button>
    </td>
    <td>
        90
    </td>
    <td>
        20
    </td>
  </tr>
  <tr>
    <td>
        <button type="button"
        onclick=""
        style="width: 120px; height: 120px;
            background-color: green;
            border-color:black">
            Green Box
        </button>
    </td>
    <td>
        10
    </td>
    <td>
        80
    </td>
  </tr>
</tbody>
</table>
</p>
</p><p>

</p><p>

    {{ formfields }}

    {{ next_button }}

{{ endblock }}