{% extends "global/Page.html" %}
{% load staticfiles otree %}

{% block app_styles %}

    <link href="{% static "PGG4/styles.css" %}" rel="stylesheet">

{% endblock %}

{% block content %}

    <h3>
        <b>Results</b>
    </h3>

    <table class="table tableWrapper">
        <tr>
            <th></th>
            {% for g in group.in_all_rounds %}
                <th colspan="3" scope="colgroup">Round {{ g.round_number }}</th>
            {% endfor %}
        </tr>

        <tr>
            <th></th>
            {% for g in group.in_all_rounds %}
                <td scope="col">Contr.</td>
                <td scope="col">Est.</br>Ern.</td>
                <td scope="col">Real</br>Ern.</td>
            {% endfor %}
        </tr>

        <tr>
            <th>Your Contribution</th>
            {% for p in player.in_all_rounds %}
                <td>{{ p.contribution }}</td>
                <td>{{ p.fairly_distributed_amount }}</td>
                <td class= "{% if p.fairly_distributed_amount > p.individual_share_after_PR %}
                            payoutMore
                        {% elif p.fairly_distributed_amount < p.individual_share_after_PR %}
                            payoutLess
                        {% endif %}">
                    {{ p.individual_share_after_PR }}
                </td>
            {% endfor %}
        </tr>

        {% for o in player.get_others_in_group %}
            <tr>
                <th>Player {{ o.id_in_group }}</th>
                {% for p in o.in_all_rounds %}
                    <td>
                        {% if p.contribution != none %}
                            {{ p.contribution }}
                        {% else %}
                            Data is missing
                        {% endif %}
                    </td>
                    <td>
                        {% if p.fairly_distributed_amount != none %}
                            {{ p.fairly_distributed_amount }}
                        {% else %}
                            Data is missing
                        {% endif %}
                    </td>
                    <td class= "{% if p.fairly_distributed_amount > p.individual_share_after_PR %}
                                payoutMore
                            {% elif p.fairly_distributed_amount < p.individual_share_after_PR %}
                                payoutLess
                            {% endif %}">
                        {% if p.payoff != none %}
                            {{ p.individual_share_after_PR }}
                        {% else %}
                            Data is missing
                        {% endif %}
                    </td>
                {% endfor %}
            </tr>
        {% endfor %}

        <tr>
            <th>Total Contribution</th>
            {% for g in group.in_all_rounds %}
                <td colspan="3">{{ g.total_contribution }}</td>
            {% endfor %}
        </tr>
    </table>

    <div>
        <p>Your average payoff is {{ average_payoff }}</p>
        <p>The experiment is over now. Please raise your hand and wait for the instructor to come to you!</p>
    </div>
{% endblock %}