{{ block title }}Results - Round {{ round }} {{ endblock }}
{{ block content }}
{{ load otree static }}

<br>

{% if seeOtherAvatars == 0 and hideOwnAvatar == 1 %}
    <div class="w3-container">

    <h3><center><b>You are in a group of {{ C.PLAYERS_PER_GROUP }} people, including yourself.</b></center></h3>

    </div>
{% endif %}

{% if seeOtherAvatars == 1 or hideOwnAvatar == 0 %}
<div class="w3-container">

    <h3><center><b>Your Group</b></center></h3>

</div>
{% endif %}
<br>

<div style="
align-items: center;
justify-content: center;
display: flex;">

    {% if randomIDNumbers == 1 %}
        <p style="padding:60px; text-align: center; border:2px solid black"><font size="+3">Player {{ own_id }}</font></p>
    {% endif %}

    {% if photograph == 1 %}
        <img src={{ own_imgtag }} width="25%"  style="border:0px solid black; padding:5px"/>
    {% endif %}

    {% if photograph == 0 and randomIDNumbers == 0 and hideOwnAvatar == 0 %}

        <img src={{ own_imgtag }} width="25%"  style="border:5px solid black"/>

    {% endif %}

    {% if photograph == 0 and randomIDNumbers == 0 and hideOwnAvatar == 1 %}

    {% endif %}


    {% if randomIDNumbers == 1 %}

        {{ for p in other_players }}
            <p style="padding:60px; text-align: center"><font size="+3">Player {{ p.randomidnumber_Player }}</font></p>
        {{ endfor }}

    {% endif %}

    {% if photograph == 1 %}

        {{ for p in other_players }}
            <img src={{ p.imgtag_Player }} width="25%"  style="border:0px solid black; padding:5px"/>
        {{ endfor }}

    {% endif %}

        {% if photograph == 0 and randomIDNumbers == 0 and seeOtherAvatars == 1 %}

            {{ for p in other_players }}
                <img src='{{ p.imgtag_Player }}' width="25%"  style="border:0px solid black"/>
            {{ endfor }}

        {% endif %}

        {% if photograph == 0 and randomIDNumbers == 0 and seeOtherAvatars == 0 %}

           {{ for p in other_players }}

            {{ endfor }}

         {% endif %}

</div>

{% if seeIndivContribs == 1 and historyBigToSmall == 0%}
<div style="
align-items: center;
justify-content: center;
display: flex;
background-color: white";>

        <p style="padding:40px; text-align: center;"><font size="+2">Contributed {{ own_contribution }}</font></p>

        {{ for p in other_players }}
            <p style="padding:40px; text-align: center"><font size="+2">Contributed {{ p.contribution }}</font></p>
        {{ endfor }}
{% endif %}

{% if seeIndivContribs == 1 and historyBigToSmall == 1%}
<br>
<hr style="width:100%;height:5px;color:black;background-color:black">
<div class="w3-container">

    <h3><center><b>Contributions from Largest to Smallest</b></center></h3>
    <br>

    <font size=6><center>{{ round_contribs }}</center></font>

{% endif %}

</div>


<br>
<br>
<br>


<table class="table">

    <tr>
        <th>You contributed:</th>
        <td>{{ own_contribution }}</td>
    </tr>

    <tr>
        <th>Total group contribution:</th>
        <td>{{ group_total }}</td>
    </tr>

    <tr><th><br></th><td><br></td></tr>

    <tr>
        <th>You kept:</th>
        <td>{{ own_kept }}</td>
    </tr>

    <tr>
        <th>Your share of group contribution:</th>
        <td>{{ own_share }}</td>
    </tr>

    <tr>
        <th>Your payoff:</th>
        <td>{{ own_payoff }}</td>
    </tr>
</table>

    {{ next_button }}

{{ endblock }}