{{ block content }}
{{ load otree static }}

<style>
  table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid black;
    }

  th, td {
      text-align: center;
      padding: 16px;
      width: 20%;
  }

</style>

{% 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"
style="background-color: white">

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

    {% if round  > 1 and seeIndivContribs == 1 and seeLastContribOnContribScreen == 1 %}
       <h3><center><b>Results from Round {{ last_round }}</b></center></h3>
    {% endif %}
</div>
{% endif %}

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

    {% 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 round  > 1 and seeIndivContribs == 1 and seeLastContribOnContribScreen == 1 %}
    <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_prevperiod }}</font></p>

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

    </div>
{% endif %}

<br>
<br>
<br>

{% if player.round_number > 1 and seeIndivContribs == 1 and seeHistoryTable == 1 %}

    <div class="w3-container"
    style="background-color: white">

        {% if historyBigToSmall == 1 %}
        <h3><center><b>History of Contributions from Largest to Smallest</b></center></h3>
        {% endif %}

        {% if historyBigToSmall == 0 %}
        <h3><center><b>History of Contributions</b></center></h3>
        {% endif %}

    </div>

    {{ contribution_history_html }}

{% endif %}

<br>
<br>
<br>

<div>
    <h2><center><b>Your Decision - Round {{ round }}</b></center></h2>
</div>

<div class="w3-container">
    <h4> You have {{ C.ENDOWMENT }}.
        <br> How many points would you like to contribute? (Whole numbers only.)</h4>

    <br>

    {{ form.contribution }}

    <br>

    {{ next_button }}

    {{ formfield_errors 'contribution' }}
</div>




{{ endblock }}