{{ extends 'global/Page.html' }}
{{ block title }}Your Choice{{ endblock }}

{{ block content }}

<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">The Other Participant</th>
        </tr>
        <tr>
            <th>A</th>
            <th>B</th>
        </tr>
        <tr>
            <th rowspan="2"><span>You</span></th>
            <td><button name="cooperate" value="True" class="btn btn-primary btn-large">I choose A</button></td>
            <td>{{C.PAYOFF_B}}, {{C.PAYOFF_B}}</td>
            <td>{{ C.PAYOFF_D }}, {{C.PAYOFF_A}}</td>
        </tr>
        <tr>
            <td><button name="cooperate" value="False" class="btn btn-primary btn-large">I choose B</button></td>
            <td>{{C.PAYOFF_A}}, {{ C.PAYOFF_D }}</td>
            <td>{{C.PAYOFF_C}}, {{C.PAYOFF_C}}</td>
        </tr>
    </table>
</div>

{{ include C.INSTRUCTIONS_TEMPLATE }}

{{ endblock }}