{{ block title }}
    Different Beliefs for each Box
{{ endblock }}
{{ block content }}

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

<p>
  Every round,
  you and another participant (participant 2)
  bet on the probability the computer selected the Yellow box
  to generate the observed sequence.
  You and participant 2 will observe the same sequence
  of ten marbles drawn randomly
  from either a Yellow or Green box.
</p><p>
  You know that the computer selects the Yellow box with 90% probability
  and the Green box with 10% probability.
  However,
  you will be matched with the answers from participant 2
  who beliefs that
  the computer selects the Yellow box with 20% probability
  and the Green box with 80% probability.
  These probabilities will be the same every round.
</p><p>
  In each round, you and participant 2 make a bet with the probability
  that the sequence observed came from a Yellow box.
  Also, you must estimate participant 2’s bet for the Yellow box.
</p><p>
  Notice that you and participant 2 have a different belief about
  the probability that the computer selects the Yellow box.
  However, both observe the same sequence.
  The next table summarizes the associated probabilities to each participant:
</p><p>

<!-- It is necessary to make the labels refer to a participant level variable-->
<!-- with the treatment-->

<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>


    {{ formfields }}

    {{ next_button }}

{{ endblock }}