{{ block title }}

Strategies Participant 1

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


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'/>
        <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/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>
  <tr>
    <td>
        <button type="button"
        onclick=""
        style="width: 120px; height: 120px;
            background-color: green;
            border-color:black">
            Green Box
        </button>
    </td>
    <td>
        <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'/>
        <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/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'/>
    </td>
  </tr>
</tbody>
</table>
</p>



<p>
    The probability the computer selects the box Yellow in this task is different for you and Participant 2:
    <ul>
    <li>The Yellow box is selected with a <strong>{{player.condition_prior}}</strong>% probability for <strong>you</strong>.</li>
    <li>
        The Yellow box is selected with a <strong>{{player.condition_prior_other}}</strong>% probability for <strong>Participant 2</strong>.
    </li>
</ul>
</p>

<p>
    Please report your decisions in the next table:
</p>

<p>
<table>
<thead>
  <tr>
    <th>Sample</th>
    <th>Number of <br>yellow<br> marbles</th>
    <th>Number of <br>green<br> marbles</th>
    <th>What is the probability <br>(in %)<br>the Yellow Box was selected<br><strong>for you</strong>? </th>
    <th>What is the probability <br>(in %)<br><strong>Participant 2</strong> reports<br>the Yellow Box was selected?</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
    </td>
    <td>4</td>
    <td>0</td>
    <td>
        <center>
            {{formfield 'strategy_0'}}
        </center>
    </td>
    <td>
        <center>
            {{formfield 'other_strategy_0'}}
        </center>
    </td>
  </tr>
  <tr>
    <td>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
    </td>
    <td>3</td>
    <td>1</td>
    <td>
        <center>{{formfield 'strategy_1'}}</center>
    </td>
    <td>
        <center>
            {{formfield 'other_strategy_1'}}
        </center>
    </td>
  </tr>
  <tr>
    <td>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
    </td>
    <td>2</td>
    <td>2</td>
    <td>
        <center>
            {{formfield 'strategy_2'}}
        </center>
    </td>
    <td>
        <center>
            {{formfield 'other_strategy_2'}}
        </center>
    </td>
  </tr>
  <tr>
    <td>
        <img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
    </td>
    <td>1</td>
    <td>3</td>
    <td>
        <center>
            {{formfield 'strategy_3'}}
        </center>
    </td>
    <td>
        <center>
            {{formfield 'other_strategy_3'}}
        </center>
    </td>
  </tr>
  <tr>
    <td>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
        <img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='30' height='30'/>
    </td>
    <td>0</td>
    <td>4</td>
    <td>
        <center>
            {{formfield 'strategy_4'}}
        </center>
    </td>
    <td>
        <center>
            {{formfield 'other_strategy_4'}}
        </center>
    </td>
  </tr>
</tbody>
</table>
</p>

    {{ next_button }}

{{ endblock }}