{{ 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 style="color: forestgreen">A</th>
                <th style="color: forestgreen">B</th>
            </tr>
            <tr>
                <th rowspan="2"><span>You</span></th>
                <td><button name="cooperate" value="True" class="btn btn-primary btn-large">A</button></td>
                <td> <b style="color: #007dc1"> {{C.PAYOFF_B}}</b>, <b style="color: forestgreen">{{C.PAYOFF_B}}</b></td>
                <td> <b style="color: #007dc1"> {{ C.PAYOFF_D }}</b>, <b style="color: forestgreen">{{C.PAYOFF_A}}</b></td>
            </tr>
            <tr>
                <td><button name="cooperate" value="False" class="btn btn-primary btn-large">B</button></td>
                <td><b style="color: #007dc1"> {{C.PAYOFF_A}}</b>,<b style="color: forestgreen"> {{ C.PAYOFF_D }}</b></td>
                <td><b style="color: #007dc1"> {{C.PAYOFF_A}}</b>, <b style="color: forestgreen">{{C.PAYOFF_A}}</b></td>
            </tr>
        </table>
    </div>


{{ endblock }}