{{ block title }}Test{{ endblock }}
{{ block content }}
<div>
    <div class="card bg-light m-3">
        <div class="card-body">
            <b>Key Information</b><br/><br/>
            1. The outcome of each game depends on the decision of you and your counterpart (a Computer);<br/>
            2. The Computer will make decisions rationally, trying to maximize its own payoff and assuming that you will
            follow the same assumptions;<br/>
            3. You will always play the role of row player. The alternatives available to the row player (YOU) are the rows of the game;<br/>
            4. The combination of your and the Computer's choice indicate a cell in the table. The numbers in the cell are payoffs.
            The number on left (the bolded one) corresponds to your payoff, whereas that on right corresponds to that of the Computer;<br/>
            5. There will be 30 games in total, divided into 3 stages;<br/>
            6. During the whole experiment, you will not get any feedback;<br/>
            7. Your final payment = base payment (£2.00) + bonus. In each of the three Stages, the software will randomly select one game.
            Your total bonus is the sum of the amounts won in each of the three selected games, with an exchange rate of 50 points = £1.
        </div>
    </div>
    <p>
        Please read the table carefully and answer the following questions.
    </p>
     <div class="form-group required">
            <table class="table table-bordered text-center" style="width: auto; margin: auto">
                <tr>
                    <th colspan="2" rowspan="2" valign="middle"><font size="4">Game 1</font></th>
                    <th colspan="3">Computer</th>
                </tr>
                <tr>
                    <th>Option i</th>
                    <th>Option ii</th>
                    <th>Option iii</th>
                </tr>
                <tr>
                    <th rowspan="3" valign="middle"><span>You</span></th>
                    <td><button name="option1" value="1" class="btn btn-primary btn-large">I will choose Option I</button></td>
                    <td><b>{{payoffA11}}</b>, {{payoffB11}}</td>
                    <td><b>{{payoffA12}}</b>, {{payoffB12}}</td>
                    <td><b>{{payoffA13}}</b>, {{payoffB13}}</td>
                </tr>
                <tr>
                    <td><button name="option1" value="2" class="btn btn-primary btn-large">I will choose Option II</button></td>
                    <td><b>{{payoffA21}}</b>, {{payoffB21}}</td>
                    <td><b>{{payoffA22}}</b>, {{payoffB22}}</td>
                    <td><b>{{payoffA23}}</b>, {{payoffB23}}</td>
                </tr>
                <tr>
                    <td><button name="option1" value="3" class="btn btn-primary btn-large">I will choose Option III</button></td>
                    <td><b>{{payoffA31}}</b>, {{payoffB31}}</td>
                    <td><b>{{payoffA32}}</b>, {{payoffB32}}</td>
                    <td><b>{{payoffA33}}</b>, {{payoffB33}}</td>
                </tr>
            </table>
     </div>
</div>

{{formfields}}

{{ next_button }}

{{ endblock }}