{{ 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="cooperate" value="True" class="btn btn-primary btn-large">I will cooperate</button></td>
                <td>{{Constants.payoff_B}}, {{Constants.payoff_B}}</td>
                <td>{{ Constants.payoff_D }}, {{Constants.payoff_A}}</td>
            </tr>
            <tr>
                <td><button name="cooperate" value="False" class="btn btn-primary btn-large">I will defect</button></td>
                <td>{{Constants.payoff_A}}, {{ Constants.payoff_D }}</td>
                <td>{{Constants.payoff_C}}, {{Constants.payoff_C}}</td>
            </tr>
        </table>
    </div>

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

    {{ chat }}


    {{ include Constants.instructions_template }}

{{ endblock }}