{{ extends 'global/Page.html' }}
{{ block title }} {{ endblock }}

{{ block content }}

<p>
    Results (round {{ roundnumber }})
</p>
<p>
    {{ if same_choice }}
        Both of you chose <b>{{ player.decision }}</b>.
    {{ else }}
        You chose <b>{{ player.decision }}</b> and your partner chose <b>{{ other_player_decision }}</b>.
    {{ endif }}
</p>

<p>
    {{ if earned }}
        As a result, in this round you <b>earned {{ player.payoff }}</b>
    {{ else }}
        As a result, in this round you <b>lost {{ lostpayoff }}</b>
    {{ endif }}

    {{ if othearned }}
        and your partner <b>earned {{ lostothpayoff }}</b>.
    {{ else }}
        and your partner <b>lost {{ lostothpayoff }}</b>.
    {{ endif }}
</p>
<table class='table table-bordered text-center'
       style='width: auto; margin: auto'>
    <tr>
        <th colspan=2 rowspan=2></th>
        <th colspan=3><center>Your partner</center></th>
    </tr>
    <tr>
        <th><center>C</center></th>
        <th><center>D</center></th>
        <th><center>P</center></th>
    </tr>
    <tr>
        <th rowspan="3"><span class="rotate90"><center>You</center></span></th>
        <th>C</th>
        <td>{{ cc }}, {{ cc }}</td>
        <td>{{ cdrow }}, {{ cdcol }}</td>
        <td>{{ cprow }}, {{ cpcol }}</td>
    </tr>
    <tr>
        <th>D</th>
        <td>{{ dcrow }}, {{ dccol }}</td>
        <td>{{ dd }}, {{ dd }}</td>
        <td>{{ dprow }}, {{ dpcol }}</td>
    </tr>
    <tr>
        <th>P</th>
        <td>{{ pcrow }}, {{ pccol }}</td>
        <td>{{ pdrow }}, {{ pdcol }}</td>
        <td>{{ pp }}, {{ pp }}</td>
    </tr>
</table>
<br>

<br>
<p><i>Remember: there is a 3/4 probability that there will be a new round of interaction with your partner. Otherwise, the interactions end and you will not meet your partner again.</i></p>

{{ next_button }}

{{ endblock }}

{{ block scripts }}
<script>
document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll(".powered-by-otree")
        .forEach(el => el.remove());
});

</script>
{{ endblock }}