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

{% block title %}
    Punishment (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 number of tokens purchased by other participants in both of your groups,
            You can transfer up to <strong> X points </strong> from your endowment to
            decrease the
            income of these
            participants. By transferring 1 point from your endowment you decrease the income of another
            participant by  X points.

        </div>
    </div>

<style>
label {
    /* Other styling... */
    text-align: right;
    clear: both;
    float:left;
    margin-right:15px;
}
</style>



<p>
    For group U, the tokens purchased by other group members are:
</p>
<div class="form-row">
    <div class="col-sm-9">
        Group member 1 purchased {{player.contribution1}} tokens, {{form.punishment_sent1.label}}
    </div>
    <div class="col-sm-3">
    {{form.punishment_sent1}}
        </div>
</div>
<p>
    Group member 2 purchased {{player.contribution2}} tokens, {%formfield player.punishment_sent2 %}
</p>



    {% next_button %}






{% endblock %}