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

{{ block content }}

<p>
    You are <b>{{ player.role }}</b>. You chose {{ choice }} Your proposed share to yourself was {{ player.share }} points.
</p>

<p>
    <b>Chosen coalition partners by each player</b>
</p>

<center>
    <table class="coalitiontable">
        <tr>
            <th>A</th><th>B</th><th>C</th>
        </tr>
        <tr>
            <td>{{ achoice }}</td><td>{{ bchoice }}</td><td>{{ cchoice }}</td>
        </tr>
    </table>
</center>

<br>
<p>
    <b>Requested shares by each player</b>
</p>
<center>
    <table class="coalitiontable">
        <tr>
            <th>A</th><th>B</th><th>C</th>
        </tr>
        <tr>
            <td>{{ ashare }}</td><td>{{ bshare }}</td><td>{{ cshare }}</td>
        </tr>
    </table>
</center>

<br>

<p>
    <b>Coalition points table</b>
</p>
<center>
<table class="coalitiontable">
    <tr>
        <th>Coalition</th><th>Payoff (points)</th>
    </tr>
    <tr>
        <td>A alone</td>
        <td>0</td>
    </tr>
    <tr>
        <td>B alone</td>
        <td>0</td>
    </tr>
    <tr>
        <td>C alone</td>
        <td>0</td>
    </tr>
    <tr>
        <td>A, B</td>
        <td>118</td>
    </tr>
    <tr>
        <td>A, C</td>
        <td>84</td>
    </tr>
    <tr>
        <td>B, C</td>
        <td>50</td>
    </tr>
    <tr>
        <td>A, B, C</td>
        <td>121</td>
    </tr>
</table>
</center>



{{ endblock }}

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

</script>
{{ endblock }}