{{ 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="..."> Cooperate </td>
            <td style="..."> 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 }}
    a quantidade pedida e {{ pedido }}
    {{ next_button }}

{{ endblock }}

{% block app_style %}
    <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 %}