{{ 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>Left</th>
            <th>Right</th>
        </tr>
        <tr>
            <th rowspan="2"><span>You</span></th>
            <td><button name="decision" value="Left" class="btn btn-primary btn-large">I choose Left</button></td>
            <td>{{Constants.both_cooperate_payoff}}, {{Constants.both_cooperate_payoff}}</td>
            <td>{{ Constants.betrayed_payoff }}, {{Constants.betray_payoff}}</td>
        </tr>
        <tr>
            <td><button name="decision" value="Right" class="btn btn-primary btn-large">I choose Right</button></td>
            <td>{{Constants.betray_payoff}}, {{ Constants.betrayed_payoff }}</td>
            <td>{{Constants.both_defect_payoff}}, {{Constants.both_defect_payoff}}</td>
        </tr>
    </table>
</div>




{{ endblock }}