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