{% load otree %}
<div class="row justify-content">
    <div class="col-auto">

<table class="table table-bordered table-sm text-center">
    {% if treatment_info == 0 %}
    <thead>
      <tr>
        <th scope="col">Period</th>
        <th scope="col">Profit</th>
        <th scope="col">Compensation for profit</th>

      </tr>
    </thead>
    <tbody>
      <tr>
      
        <td>{{ subsession.round_number }}</td>
        <td>{{group.profit}}</td>
        <td>{{group.supervisor_bonus|c}}</td>
        
      </tr>
{% endif %}
{% if treatment_info ==  1%}
    <thead>
      <tr>
        <th scope="col">Period</th>
        <th scope="col">Profit</th>
        <th scope="col">Compensation for profit</th>
        <th scope="col">Number of winning balls bought by the employee</th>
      </tr>
    </thead>
    <tbody>
      <tr>
      
        <td>{{ subsession.round_number }}</td>
        <td>{{group.profit}}</td>
        <td>{{group.supervisor_bonus|c}}</td>
        <td>{{effort}}</td>
      </tr>
{% endif %}

{% if treatment_info ==  2%}
    <thead>
      <tr>
        <th scope="col">Period</th>

        <th scope="col">Number of winning balls bought by the employee</th>
      </tr>
    </thead>
    <tbody>
      <tr>
      
        <td>{{ subsession.round_number }}</td>
        <td>{{effort}}</td>
      </tr>
{% endif %}

    </tbody>
  </table>

  </div>
</div>


{% if  participant.vars.selected_effort == 1 %} 
<p>
  {% if  participant.vars.role == "Supervisor" %} 
  You have set the guideline below for the bonus decisions:
  {% else %}
  The supervisor in your company has set the guideline below for the bonus decisions:
  {% endif %}
  </p>
<blockquote style="  font-size: 1.2em;
font-style:italic;
color: #555555;
padding:0.2em 5px 0.01em 30px;
border-left:8px solid #78C0A8 ;
line-height:1.6;
background:#EDEDED;">
<p>
  Supervisors will use the bonus decision to reward employees only based on how many winning balls they buy.
</p>
</blockquote>
{% endif %}

{% if  participant.vars.selected_profit == 1 %} 
<p>  {% if  participant.vars.role == "Supervisor" %} 
  You have set the guideline below for the bonus decisions:
  {% else %}
  The supervisor in your company has set the guideline below for the bonus decisions:
  {% endif %}:</p>
<blockquote style="  font-size: 1.2em;
font-style:italic;
color: #555555;
padding:0.2em 5px 0.01em 30px;
border-left:8px solid #78C0A8 ;
line-height:1.6;
background:#EDEDED;">
<p>
  Supervisors will use the bonus decision to reward employees only based on the profit level they generate.
</p>
</blockquote>
{% endif %}


{% if  participant.vars.treatment_g_input == 1 %} 
<p>Keystone asks supervisors to follow the guideline below for the bonus decisions:</p>
<blockquote style="  font-size: 1.2em;
font-style:italic;
color: #555555;
padding:0.2em 5px 0.01em 30px;
border-left:8px solid #78C0A8 ;
line-height:1.6;
background:#EDEDED;">
<p>
        At Keystone, we ask supervisors to use their bonus decision to reward employees only based on how many winning balls they buy.
</p>
</blockquote>
{% endif %}


{% if  participant.vars.treatment_g_output == 1 %} 
<p>Keystone asks supervisors to follow the guideline below for the bonus decisions:</p>
<blockquote style="    font-size: 1.2em;
font-style:italic;
color: #555555;
padding:0.2em 5px 0.01em 30px;
border-left:8px solid #78C0A8 ;
line-height:1.6;
background:#EDEDED;">
<p>
  At Keystone, we ask supervisors to use their bonus decision to reward employees only based on the profit level they generate.
 </p>
</blockquote>
{% endif %}