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

{% block title %}
Bonus report for period {{subsession.round_number}} of {{C.NUM_ROUNDS}}
{% endblock %}

{% block content %}

<p>Your supervisor has awarded <b>{{group.bonus|c}}</b> to you in this period. The maximum bonus that the supervisor could have awarded is {{C.BONUS_MAX|c}}.
    You spend {{cost_effort}} out of your salary  of {{C.EMPLOYEE_ENDOWMENT|c}} to buy {{group.effort}} winning balls.
    Your payoff for this period is {{group.payoff_employee|c}}. 


{% 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 %}