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

{% block app_styles %}

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

{% endblock %}

{% block content %}

<h3>
    <b>Contribution</b> - This is round {{ round_num }}
</h3>
<div class= "tableWrapper">
    <table class="table">
        <tr>
            <th class="roundStyle">Round</th>
            {% for g in group.in_previous_rounds %}
                <td class="roundStyle">{{ g.round_number }}</td>
            {% endfor %}
        </tr>

        <tr>
            <th>Your Contribution</th>
            {% for p in player.in_previous_rounds %}
                <td>{{ p.contribution }}</td>
            {% endfor %}
        </tr>

        {% for o in player.get_others_in_group %}
            <tr>
                <th>Player {{ o.id_in_group }}</th>
                {% for p in o.in_previous_rounds %}
                    <td>
                        {% if p.contribution %}
                            {{ p.contribution }}
                        {% endif %}
                    </td>
                {% endfor %}
            </tr>
        {% endfor %}

        <tr>
            <th>Total Contribution</th>
            {% for g in group.in_previous_rounds %}
                    <td>{{ g.total_contribution }}</td>
            {% endfor %}
        </tr>

    </table>
</div>






<h4>Earnings history</h4>
    <table class="table tableWrapper">
        <tr>
            <th>Your Earnings</th>
            {% for p in player.in_previous_rounds %}
                <td>{{ p.group.individual_share }}</td>
            {% endfor %}
        </tr>

        {% for o in player.get_others_in_group %}
            <tr>
                <th>Player {{ o.id_in_group }}</th>
                {% for p in o.in_previous_rounds %}
                    <td>
                        {{ p.group.individual_share }}
                    </td>
                {% endfor %}
            </tr>
        {% endfor %}

        <tr>
            <th>Group Total Earnings</th>
            {% for g in group.in_previous_rounds %}
                    <td>{{ g.total_payoff }}</td>
            {% endfor %}
        </tr>

        <tr>
            <th>Your Total Earnings</th>
            {% for p in player.in_previous_rounds %}
                <td>{{ p.payoff }}</td>
            {% endfor %}
        </tr>
    </table>

<h4>Punishment/Reward from others to you</h4>

<table class="table tableWrapper">
    {% for o in player.get_others_in_group %}
        <tr>
            <th>Player {{ o.id_in_group }}</th>
            {% for p in o.in_previous_rounds %}
                <td>
                    {% if player.id_in_group == 1 %}
                        {% if p.punish_1 %}
                            -{{ Constants.punishment_amount }}
                        {% endif %}
                        {% if p.reward_1 %}
                            +{{ Constants.reward_amount }}
                        {% endif %}
                    {% elif player.id_in_group == 2 %}
                        {% if p.punish_2 %}
                            -{{ Constants.punishment_amount }}
                        {% endif %}
                        {% if p.reward_2 %}
                            +{{ Constants.reward_amount }}
                        {% endif %}
                    {% elif player.id_in_group == 3 %}
                        {% if p.punish_3 %}
                            -{{ Constants.punishment_amount }}
                        {% endif %}
                        {% if p.reward_3 %}
                            +{{ Constants.reward_amount }}
                        {% endif %}
                    {% elif player.id_in_group == 4 %}
                        {% if p.punish_4 %}
                            -{{ Constants.punishment_amount }}
                        {% endif %}
                        {% if p.reward_4 %}
                            +{{ Constants.reward_amount }}
                        {% endif %}
                    {% endif %}
                </td>
            {% endfor %}
        </tr>
    {% endfor %}
</table>


<div class="inputWrapper">
    <div class="wrapper">
        <p>
            This is a public goods game with
            {{ Constants.players_per_group }} players per group.

        </p>
        <p>In this round you have an endowment of {{ Constants.endowment }}</p>

        {% formfield player.contribution label="How much will you contribute (from 0 to 100)?" %}
        {% next_button %}
        </div>

        <div class="wrapper">
        <table class="table">
            <tr>
                <th>Players</th><th>Punishment</th><th>Reward</th>
            </tr>
            {% for otherPlayers in player.get_others_in_group %}
                <tr>
                    <td>Player {{ otherPlayers.id_in_group }}</td>
                    <td><input type="checkbox" name="punish_{{ otherPlayers.id_in_group }}" value="True"></td>
                    <td><input type="checkbox" name="reward_{{ otherPlayers.id_in_group }}" value="True"></td>
                </tr>
            {% endfor %}
        </table>
        </div>

</div>

{% endblock %}