{{ block title }}
    Page title
{{ endblock }}
{{ block content }}

    Below you find the payoff Matrix of a prisoners Dilemma.

    <table>
    <tr>
        <td rowspan="4">Other Player</td>
        <td colspan="3"> You </td>
    </tr>
    <tr>
        <td></td>
        <td style="text-align:center">Cooperate</td>
        <td style="text-align:center">Defect </td>
    </tr>
    <tr>
        <td>Cooperate</td>
        <td>{{ C.payoff_both_cooperate }} , {{ C.payoff_both_cooperate }}</td>
        <td>{{ C.payoff_cooperate_defect_low }} , {{ C.payoff_cooperate_defect_high }}</td>
    </tr>
    <tr>
        <td>Defect</td>
        <td>{{ C.payoff_cooperate_defect_high }} , {{ C.payoff_cooperate_defect_low }}</td>
        <td>{{ C.payoff_both_defect }} , {{ C.payoff_both_defect }}</td>
    </tr>
</table>


    {{ formfields }}
    {{ next_button }}

{{ endblock }}

{% block app_styles %}
<style>
    table {
        border: 1px solid black;
    }

    td {
        border: 1px solid white;
        background-color: rgb(0, 33, 71);
        color: white;
        font-weight: bold;
        font-size: 19px;
        padding: 3px 10px 3px 10px;
        text-align: center;

    }
</style>
    {% endblock %}