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

{% block title %}
    Punishment stage (Period {{ subsession.round_number }} of
    {{ Constants.num_rounds }})
{% endblock %}

{% block content %}
    <div class="card">
        <div class="card-header">
            <b> Instructions for stage 2</b>
        </div>
        <div class="card-body">

            In this stage you can see the contributions made by other participants in your group.
            You can pay up to <strong>{{ player.punishment_endowment }} points </strong> from your endowment to
            decrease the
            income of these
            participants. Each point used will decrease the income of the selected
            participant by 10% for this round.

        </div>
    </div>



    {% if formset.non_form_errors %}
        {% for error in formset.non_form_errors %}
            <div class="alert alert-danger">
                {{ error }}
            </div>
        {% endfor %}
    {% endif %}

    <table class="table table-hover table-striped table-responsive">
        {{ formset.management_form }}
        <thead>
        <tr>
            <th>Player:</th>
            <th>Contribution</th>
            <th>Punishment points</th>
        </tr>
        </thead>

        {% for form in formset.forms %}
            <tr>
                <td>Player {{ forloop.counter }}</td>
                <td>{{ form.instance.receiver.contribution }}</td>
                <td>{% formfield form.amount label='' %}</td>
                {% for hidden in form.hidden_fields %}
                    {{ hidden }}
                {% endfor %}
            </tr>
        {% endfor %}
    </table>

    {% next_button %}


{% endblock %}
{% block styles %}
    <style>
        .table {
            display: table !important
        }
    </style>
{% endblock %}