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

{% block title %}
    減額ステージ（6期中{{ subsession.round_number }}期目の取引)
{% endblock %}

{% block content %}



	<span style="font-size: large;"><strong>提供ステージの結果</strong></span>
    <table class="table-condensed" style="margin-top:20px;">
<!--        <tr><td><span style="color:#ff0000;font-size: large;">グループへの提供</span></span></td></tr>
-->
        <tr><td>あなたの提供額:</td><td>{{ player.contribution }}</td></tr>
        <tr><td>他のメンバーの提供額:</td><td></td></tr>
        {% for p in players %}
            <tr><td></td><td>{{ p.contribution }}</td></tr>
        {% endfor %}
    </table>
   <tr><td colspan="2"><hr/></td></tr>
    <table class="table-condensed" style="margin-top:20px;">
        <tr><td>グループの合計提供額:</td><td>{{ group.total_contribution }}</td></tr>
    </table>

        <tr><td colspan="2"><hr/></td></tr>
        <tr><td><span style="color:#ff0000;font-size: large;"><strong>減額システムによる減額</strong</span></span></td></tr>
　　　　<tr><td>
{% if subsession.conditionGSI == 1 and player.punish_pat == 1 %} 全員の合計提供額が30点未満だったので、全員が2点ずつ減額されます。                         <br>
{% elif subsession.conditionGSI == 1 and player.punish_pat == 4 %} 全員の合計提供額が30点以上だったので、今回は誰も減額されません。                 <br>
{% elif subsession.conditionGSI == 2 and player.punish_pat == 2 %} 提供額が10点未満の人がいたので、全員が2点ずつ減額されます。           　　　            <br>
{% elif subsession.conditionGSI == 2 and player.punish_pat == 5 %} 全員が10点以上提供したので、今回は誰も減額されません。                             <br>
{% elif subsession.conditionGSI == 3 and player.punish_pat == 3 %} 提供額が10点未満の人だけが、2点減額されます。なので、あなたは減額されます。　　  <br>
{% elif subsession.conditionGSI == 3 and player.punish_pat == 6 %} 提供額が10点未満の人だけが、2点減額されます。なので、あなたは減額されません。　　<br>
{% endif %}
</td></tr>
   <tr><td colspan="2"><hr/></td></tr>
	<span style="font-size: large;"><strong>個人間での減額ステージ</strong></span>
        <p>
            あなたが減額に使用できるのは、最大で合計{{player.punishment_endowment}}点です。</br>
    {% if form.non_form_errors %}
        {% for error in form.non_form_errors %}
            <div class="alert alert-danger mt-3">
                {{ error }}
            </div>
        {% endfor %}
    {% endif %}

    <table class="table table-hover table-striped table-responsive">
        {{ form.management_form }}
        <thead>
        <tr>
            <th>他メンバー:</th>
            <th>そのメンバーの提供額</th>
            <th>あなたが減額に使用する額</th>
            <th>そのメンバーが減額される額:</th>
        </tr>
        </thead>

        {% for f in form.forms %}
            <tr>
                <td class="text-nowrap">メンバー {{ forloop.counter }}</td>
                <td class="text-center">{{ f.instance.receiver.contribution }}</td>
                <td>{% formfield f.amount label='' %}</td>
                {% for hidden in f.hidden_fields %}
                    {{ hidden }}
                {% endfor %}
                <td id="{{ f.amount.id_for_label }}"></td>
            </tr>

        {% endfor %}
    </table>

    {% next_button %}



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

{% block scripts %}
    <script>
        const min_val = 0;
        const max_val = {{ player.punishment_endowment|json }};
        const pun_factor = {{ Constants.punishment_factor|json }};
        $(function () {

            $('div.field-amount input').on('input', function () {
                var curvalue = $(this).val();
                if (curvalue < min_val) {
                    $(this).val( min_val);
                };
                if (curvalue > max_val) {
                    $(this).val( max_val);
                }
                var curvalue = $(this).val();
                var punishment_sent = -curvalue * pun_factor;
                $('td#' + $(this).attr('id')).html(punishment_sent);
            })
        });
    </script>
{% endblock %}