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

{% block title %}
    Payoff for study
{% endblock %}

{% block content %}
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 finish the study, please complete a short questionnaire about yourself and your behavior during the experiment. 
</p>

    <table class="table table-bordered table-sm text-center" id="table">

    <thead>
      <tr>
        <th scope="col">Period</th>
        <th scope="col">Base amount</th>
        {% if group.is_disaggregate_treatment %}
        <th scope="col">Bonus received for Task A</th>
        <th scope="col">Bonus received for Task B</th>
        <th scope="col">Bonus received for Task C</th>
        {% endif %}
        <th scope="col">Total Bonus</th>
        <th scope="col">Investment in Project A</th>
        <th scope="col">Investment in Project B</th>
        <th scope="col">Investment in Project C</th>
        <th scope="col">Total investment</th>
        <th scope="col">Your payoff</th>
        <th scope="col">Period that Counts</th>
      </tr>
    </thead>
    <tbody>
            {% for period in group_periods %}
            <tr>
              <td>{{ period.round_number }}</td>
              <td>{{C.EMPLOYEE_ENDOWMENT|c}}</td>
              {% if group.is_disaggregate_treatment %}
              <td>{{period.bonus_a|c}}</td>
              <td>{{period.bonus_b|c}}</td>
              <td>{{period.bonus_c|c}}</td>
              {% endif %}
              <td>{{period.bonus_total}}</td>
              <td>{{period.effort_a}}</td>
              <td>{{period.effort_b}}</td>
              <td>{{period.effort_c}}</td>
              <td>{{period.effort_total}}</td>
              <td>{{period.payoff_employee|c}}</td>
              {% if period.round_number == group.random_period %}
              <td>Yes</td>
              {% else %}
              <td>No</td>
              {% endif %}
            </tr>
            {%endfor%}
           
     
                
    
</tbody>
</table>
       


    <p>{% next_button %}</p>

{% endblock %}