{{ 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.
  Answer the questions in percentage terms.
</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>

    {{ formfields }}

    {{ next_button }}

{{ endblock }}