{{ block title }}
    Round Number {{player.round_number}}
{{ endblock }}
{{ block content }}

<p>
    This round is independent of other rounds.
</p><p>
    The computer has selected a Yellow or Green box and put the four marbles in a grey box.
</p>

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

Please, remember the marble composition of each box:


<p>
<table>
<thead>
  <tr>
    <th>Box</th>
    <th>Marbles</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>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='50' height='50'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='50' height='50'/>
        <BR>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='50' height='50'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='50' height='50'/>
    </td>
  </tr>
  <tr>
    <td>
        <button type="button"
        onclick=""
        style="width: 120px; height: 120px;
            background-color: green;
            border-color:black">
            Yellow Box
        </button>
    </td>
    <td>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='50' height='50'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='50' height='50'/>
        <BR>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='50' height='50'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='50' height='50'/>
    </td>
  </tr>
</tbody>
</table>
</p>


    {{ formfields }}

    {{ next_button }}


{{ endblock }}