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

{% block title %}
{% if subsession.round_number !=  Constants.num_rounds  %}
    Payoff report for period {{subsession.round_number}} of {{Constants.num_rounds}}
    {% else %}
    Payoff for study
    {% endif %}
{% endblock %}

{% block content %}
{% if group.confrontation == 0 %}
<p>The employee <b>did not confront</b> you. The confrontation cost of {{Constants.confronatation_supervisor|c}} will not be deducted from your payoff in this period.</p>
{% endif %}
{% if group.confrontation == 1 %}
<p>The employee <b>confronted</b> you. The confrontation cost of {{Constants.confronatation_supervisor|c}} will be deducted from your payoff in this period.</p>
{% endif %}


    {% if subsession.round_number !=  Constants.num_rounds  %}
    <p>
    Next, you will make decisions for period {{ next_round }}. 
  </p>

    {% else %}
    <p>
    This was the final period. A lottery randomly selected the Period that Counts to be {{group.random_period}}. Your payoff in that period was {{participant.payoff|c}}. You can see your choices and payoffs for each period in the table below. 
  </p>
    <p>
    To complete the study, please complete a short questionnaire about yourself and your behavior during the experiment. 
  </p>
    {% endif %}


    <table class="table table-bordered table-sm text-center" id="table">
        {% if treatment_info == 0 %}
    <thead>
      <tr>
        <th scope="col">Period</th>
        <th scope="col">Payoff</th>
        <th scope="col">Salary</th>
        <th scope="col">Additional compensation</th>
        <th scope="col">Profit</th>
        <th scope="col">Confrontation cost</th>
        <th scope="col">Bonus to employee</th>
        {% if subsession.round_number ==  Constants.num_rounds  %}
        <th scope="col">Period that Counts</th>
        {% endif %}
      </tr>
    </thead>
    <tbody>
            {% for period in group_periods %}
            <tr>
              <td>{{period.round_number}}</td>
              <td>{{period.payoff_supervisor}}</td>
              <td>{{Constants.supervisor_endowment}}</td>
              <td>{{period.supervisor_bonus}}</td>
              <td>{{period.profit}}</td>
              {% if period.confrontation == 0 %}
              <td>0</td>
              {% else %}
              <td>{{Constants.confronatation_supervisor}}</td>
              {% endif %}
              <td>{{period.bonus}}</td>
              {% if subsession.round_number ==  Constants.num_rounds  %}
              {% if period.round_number == group.random_period %}
              <td>Yes</td>
              {% else %}
              <td>No</td>
              {% endif %}
              {% endif %}
            </tr>
            {%endfor%}
            
            {% endif %} 



  

    {% if treatment_info == 1 %}
    <thead>
      <tr>
        <th scope="col">Period</th>
        <th scope="col">Payoff</th>
        <th scope="col">Salary</th>
        <th scope="col">Additional compensation</th>
        <th scope="col">Profit</th>
        <th scope="col">Confrontation cost</th>
        <th scope="col">Number of winning balls bought by employee</th>
      
        <th scope="col">Bonus to employee</th>
        {% if subsession.round_number ==  Constants.num_rounds  %}
        <th scope="col">Period that Counts</th>
        {% endif %}
      </tr>
    </thead>
    <tbody>
            {% for period in group_periods %}
            <tr>
              <td>{{ period.round_number }}</td>
              <td>{{period.payoff_supervisor}}</td>
              <td>{{Constants.supervisor_endowment}}</td>
              <td>{{period.supervisor_bonus}}</td>
              <td>{{period.profit}}</td>
              {% if period.confrontation == 0 %}
              <td>0</td>
              {% else %}
              <td>{{Constants.confronatation_supervisor}}</td>
              {% endif %}
              <td>{{period.effort}}</td>
             
              <td>{{period.bonus}}</td>
              {% if subsession.round_number ==  Constants.num_rounds  %}
              {% if period.round_number == group.random_period %}
              <td>Yes</td>
              {% else %}
              <td>No</td>
              {% endif %}
              {% endif %}
            </tr>
            {%endfor%}
         
    {% endif %} 




    {% if treatment_info == 2 %}
    <thead>
      <tr>
        <th scope="col">Period</th>
        <th scope="col">Payoff</th>
        <th scope="col">Salary</th>
        <th scope="col">Additional compensation</th>
        <th scope="col">Profit</th>
        <th scope="col">Confrontation cost</th>
        <th scope="col">Number of winning balls bought by employee</th>
        
        <th scope="col">Bonus to employee</th>
        {% if subsession.round_number ==  Constants.num_rounds  %}
        <th scope="col">Period that Counts</th>
        {% endif %}
      </tr>
    </thead>

    <tbody>
            {% for period in group_periods %}
            <tr>
              <td>{{ period.round_number }}</td>
              {% if subsession.round_number == Constants.num_rounds %}
              <td>{{period.payoff_supervisor}}</td>
              <td>{{Constants.supervisor_endowment}}</td>
              <td>{{period.supervisor_bonus}}</td>
              <td>{{period.profit}}</td>
              {% else %}
              <td>Will be displayed after last period</td>
              <td>{{Constants.supervisor_endowment}}</td>
              <td>Will be displayed after last period</td>
              <td>Will be displayed after last period</td>
              {%endif%}
              {% if period.confrontation == 0 %}
              <td>0</td>
              {% else %}
              <td>{{Constants.confronatation_supervisor}}</td>
              {% endif %}
              <td>{{period.effort}}</td>
              
              <td>{{period.bonus}}</td>
              {% if subsession.round_number ==  Constants.num_rounds  %}
              {% if period.round_number == group.random_period %}
              <td>Yes</td>
              {% else %}
              <td>No</td>
              {% endif %}
              {% endif %}
            </tr>
            {%endfor%}
           
    {% endif %} 
        
</tbody>
</table>


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