{{ block title }}Section 2: Instructions{{ endblock }}
{{ block content }}

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


    <p>
        The computer will select the Yellow or Green Box with the same probability: <strong>50%</strong>.
        That means that a random Box will be selected from Cabinet 2:
    </p>

<p>
<table>
<thead>
  <tr>
    <th colspan="3">Cabinet 2</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Boxes</td>
    <td>Probability of selecting a <strong>Yellow</strong> Box</td>
    <td>Probability of selecting a <strong>Green</strong> Box</td>
  </tr>
  <tr>
    <td>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: yellow;
                border-color:black">
        Yellow Box
        </button>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: yellow;
                border-color:black">
        Yellow Box
        </button>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: yellow;
                border-color:black">
        Yellow Box
        </button>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: yellow;
                border-color:black">
        Yellow Box
        </button>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: yellow;
                border-color:black">
        Yellow Box
        </button>
        <BR>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: green;
                border-color:black">
        Green Box
        </button>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: green;
                border-color:black">
        Green Box
        </button>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: green;
                border-color:black">
        Green Box
        </button>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: green;
                border-color:black">
        Green Box
        </button>
        <button type="button"
            style="width: 60px; height: 60px;
                background-color: green;
                border-color:black">
        Green Box
        </button>
    </td>
    <td>50</td>
    <td>50</td>
  </tr>
</tbody>
</table>
</p>


<p>
    In this section, <strong>you and Participant 2</strong> will be paid ${{C.Prize}} if the decision about the Box selected by the computer is correct.
    The strategies <strong>in Section 1</strong> will determine the decision to make considering a sample generated from the selected Box:
</p>
<p>
    <ul>
    <li>
    If the probability reported was more than 50% for the Yellow Box, the decision will be to choose the <strong>Yellow Box</strong>.
    </li>
    <li>
    If the probability reported was less than 50% for the Yellow Box, the decision will be to choose the <strong>Green Box</strong>.
    </li>
    <li>
    If the probability reported was equal to 50% for the Yellow Box, the computer will randomly choose one Box for you.
    </li>
</ul>
</p>


    {{ formfields }}

    {{ next_button }}

{{ endblock }}