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

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

{% block content %}
<p>In every period, the profit can be {{Constants.profit_low}} or {{Constants.profit_high}}. Depending on the profit level, your additional compensation can be {{Constants.supervisor_bonus_low|c}} or {{Constants.supervisor_bonus_high|c}}.</p>
<p>
        {% if treatment_info == 0 %} The profit in this period is {{profit}}. In addition to your salary of {{Constants.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 {{Constants.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 {{Constants.num_rounds}}.{% endif %}
    </p>
    {% include Constants.template_report %}

    <p>Please choose a bonus amount to award to the employee (between 0 and {{Constants.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 %}