{% load otree %}


    <table class='table table-bordered text-center'
           style='width: auto; margin: auto'>
        <tr>
            <th colspan=2 rowspan=2></th>
            <th colspan=2>Your Partner</th>
        </tr>
        <tr>
            <th>X</th>
            <th>Y</th>
        </tr>
        <tr>
            <th rowspan=2><span style="transform: rotate(-90deg);">You</span></th>
            <th>X</th>
            <td>{{ Constants.both_cooperate_payoff_B|json }} ECU ; {{ Constants.both_cooperate_payoff_B|json }} ECU</td>
            <td>{{ Constants.betrayed_payoff_B|json }} ECU ; {{ Constants.betray_payoff_B|json }} ECU</td>
        </tr>
        <tr>
            <th>Y</th>
            <td>{{ Constants.betray_payoff_B|json }} ECU ; {{ Constants.betrayed_payoff_B|json }} ECU</td>
            <td>{{ Constants.both_defect_payoff_B|json }} ECU ; {{ Constants.both_defect_payoff_B|json }} ECU</td>
        </tr>
    </table>
<br>