{{ extends 'global/Page.html' }}
{{ block title }}Stage 1 - Instructions{{ endblock }}

{{ block content }}

<p>During this experiment, you will play {{ C.NUM_ROUNDS }} games which will be shown similarly to the image below but with different numbers.</p>
<!-- <p>Each game has 2 players - you will be either <strong><span style="color:red;">player 1</span></strong> or <strong>player 2</strong>. <strong><span style="color:red;">Player 1</span></strong> chooses between <strong><span style="color:red;">one of two rows, A or B</span></strong>, whilst <strong>Player 2</strong> chooses between <strong>one of two columns, C or D</strong>. The number of points that each player receives will depend on what both players choose.</p> -->
<p>Each game has 2 players - you will always be <strong><span style="color:red;">player 1</span></strong>. The other player, called <strong>player 2</strong>, will be another participant. They will be chosen randomly for each of the 44 games. After each game, you will not know what the other player has decided. </p>
<!-- <p>Each game has 2 players - you will always be <strong><span style="color:red;">player 1</span></strong>. <strong><span style="color:red;">Player 1</span></strong> chooses between <strong><span style="color:red;">one of two rows, A or B</span></strong>, whilst <strong>Player 2</strong> chooses between <strong>one of two columns, C or D</strong>. The number of points that each player receives will depend on what both players choose.</p> -->
<p><strong><span style="color:red;">Player 1 </span></strong> decides between <span style="color:red;"> <strong>one of two rows, A or B</strong></span> whilst <strong>Player 2</strong> decides between <strong>one of two columns, C or D.</strong> The number of points that each player receives will depend on both players' decisions.</p>
<p>For example (using the image below), if <strong><span style="color:red;">player 1</span></strong> chooses <strong><span style="color:red;">row A</span></strong> and <strong>player 2</strong> chooses <strong>column D</strong>, <strong><span style="color:red;">player 1</span></strong> receives <strong><span style="color:red;">1 point</span></strong>, and <strong>player 2</strong> receives <strong>5 points</strong>. If <strong><span style="color:red;">player 1</span></strong> chooses <strong><span style="color:red;">row B</span></strong> and <strong>player 2</strong> chooses <strong>column C</strong>, <strong><span style="color:red;">player 1</span></strong> receives <strong><span style="color:red;">3 points</span></strong>, and <strong>player 2</strong> receives <strong>2 points</strong>. The points for <strong><span style="color:red;">player 1</span></strong> are always in <strong><span style="color:red;">red</span></strong> and the points of <strong>player 2</strong> are always in <strong>black</strong>.</p>

<p>After making your choice in a game, you will immediately move on to the next game and cannot change your previous choices. You will not know how other participants played the games.</p>
<p><strong>Payment:</strong> You will receive a bonus pay additional to the showup fee of 1 GBP. From three randomly selected games, the average number of points you obtained will be multiplied by 0.40 GBP. For instance, if in the 3 randomly selected games you received payoffs of 3, 2, and 3 points, then you will earn (8/3)*0.40 GBP = 1.01 GBP as bonus pay. </p>
<!-- <p>From those 3 randomly selected games, the average number of points you obtained correspond to 0.6 times the amount of bonus pay you will receive. For instance, if in the 3 randomly selected games, you received payoffs of 3, 2, and 3 points, then you will earn 1.60 GBP as bonus pay. At best, you can receive up to 3.40 GBP as payment.</p> -->

<p>All {{ C.NUM_ROUNDS }} games are different. Remember that in each game you are matched with a randomly chosen participant.</p>
<br>

<div class="form-group required">
    <table class="table table-bordered text-center" style="width: auto; margin: auto">
        <tr>
            <th colspan="2" rowspan="2"></th>
            <th colspan="2"><strong>Player 2</strong></th>
        </tr>
        <tr>
            <th><strong>Option C</strong></th>
            <th><strong>Option D</strong></th>
        </tr>
        <tr>
            <th rowspan="2"><strong><span style="color:red;">Player 1</span></strong></th>
            <td><input type="radio" name="option-A" value="False" disabled> <strong><span style="color:red;">Option A</span></strong></td>
            <td><strong><span style="color:red;">{{ intro1 }}</span></strong>, <strong>{{ intro2 }}</strong></td>
            <td><strong><span style="color:red;">{{ intro3 }}</span></strong>, <strong>{{ intro4 }}</strong></td>
        </tr>
        <tr>
            <td><input type="radio" name="option-B" value="False" disabled> <strong><span style="color:red;">Option B</span></strong></td>
            <td><strong><span style="color:red;">{{ intro5 }}</span></strong>, <strong>{{ intro6 }}</strong></td>
            <td><strong><span style="color:red;">{{ intro7 }}</span></strong>, <strong>{{ intro8 }}</strong></td>
        </tr>
    </table>
</div>

{{ next_button }}

{{ endblock }}