{% load otree %}


<p>What is your decision between X and Y ? (Please click on the blue button of your choice)</p>

    <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><button name="decision" value=1 class="btn btn-primary btn-large">X</button></th>
            <td>{{ Constants.both_cooperate_payoff_BA|json }} ECU ; {{ Constants.both_cooperate_payoff_AB|json }} ECU</td>
            <td>{{ Constants.betrayed_payoff_BA|json }} ECU ; {{ Constants.betray_payoff_AB|json }} ECU</td>
        </tr>
        <tr>
            <th><button name="decision" value=0 class="btn btn-primary btn-large">Y</button></th>
            <td>{{ Constants.betray_payoff_BA|json }} ECU ; {{ Constants.betrayed_payoff_AB|json }} ECU</td>
            <td>{{ Constants.both_defect_payoff_BA|json }} ECU ; {{ Constants.both_defect_payoff_AB|json }} ECU</td>
        </tr>
    </table>

<br>

<p>If You and your Partner choose both X : You win {{ Constants.both_cooperate_payoff_BA|json }} ECU and your Partner win {{ Constants.both_cooperate_payoff_AB|json }} ECU</p>
<p>If You choose X and your Partner choose Y: You win {{ Constants.betrayed_payoff_BA|json }} ECU and your Partner win {{ Constants.betray_payoff_AB|json }} ECU </p>
<p>If You choose Y and your Partner chosse X: You win {{ Constants.betray_payoff_BA|json }} ECU and your Partner win {{ Constants.betrayed_payoff_AB|json }} ECU</p>
<p>If You and your Partner choose both Y : You win {{ Constants.both_defect_payoff_BA|json }} ECU and your Partner win {{ Constants.both_defect_payoff_AB|json }} ECU </p>
<br>