{{ 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>Cooperate</th>
            <th>Defect</th>
        </tr>
        <tr>
            <th rowspan="2"><span>You</span></th>
            <td><button name="decision" value="Cooperate" class="btn btn-primary btn-large">I will cooperate</button></td>
            <td>{{C.BOTH_COOPERATE_PAYOFF}}, {{C.BOTH_COOPERATE_PAYOFF}}</td>
            <td>{{ C.BETRAYED_PAYOFF }}, {{C.BETRAY_PAYOFF}}</td>
        </tr>
        <tr>
            <td><button name="decision" value="Defect" class="btn btn-primary btn-large">I will defect</button></td>
            <td>{{C.BETRAY_PAYOFF}}, {{ C.BETRAYED_PAYOFF }}</td>
            <td>{{C.BOTH_DEFECT_PAYOFF}}, {{C.BOTH_DEFECT_PAYOFF}}</td>
        </tr>
    </table>
</div>

<p>Here you can chat with the other participant.</p>

{% chat %}


{% include C.INSTRUCTIONS_TEMPLATE %}

{{ endblock }}