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

{% block title %}
Choose the employee bonus for period {{subsession.round_number}} of {{C.NUM_ROUNDS}}
{% endblock %}

{% block content %}
<p>In every period, the profit can be {{C.PROFIT_LOW}} or {{C.PROFIT_HIGH}}. Depending on the profit level, your additional compensation can be {{C.SUPERVISOR_BONUS_LOW|c}} or {{C.SUPERVISOR_BONUS_HIGH|c}}.</p>
<p>
        {% if treatment_info == 0 %} The profit in this period is {{profit}}. In addition to your salary of {{C.SUPERVISOR_ENDOWMENT}}, you will receive {{group.supervisor_bonus|c}} as a result of the profit level.{% endif %}
        {% if treatment_info == 1 %} The profit in this period is {{profit}}. In addition to your salary of {{C.SUPERVISOR_ENDOWMENT}}, you will receive {{group.supervisor_bonus|c}}  as a result of the profit level. The employee bought {{effort}} winning balls. {% endif %}
        {% if treatment_info == 2 %} The employee bought {{effort}} winning balls. You will only be informed about profit levels for each period after you have made the last bonus decision in period {{C.NUM_ROUNDS}}.{% endif %}
    </p>
    {% include C.TEMPLATE_REPORT %}
    {% if chose_but_not_displayed  %} <p><b>Remeinder:</b> Although you chose a guideline at the beginning of period 1, the employee <b>will not learn</b> about the guideline you chose. </p>{% endif %}

    <p>Please choose a bonus amount to award to the employee (between 0 and {{C.BONUS_MAX}}). </p>
    {% formfield group.bonus %}

    <p>{% next_button %}</p>

  

{% endblock %}

{% block scripts %}

    <!-- define a script -->
    <script>
          
          $('.otree-timer').hide();
          $(function () {
          $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 30) {
                $('.otree-timer').show();
            }
        });
    });

    </script>
{% endblock %}