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

{{ block title }}
Punishment
{{ endblock }}

{{ block content }}

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:24px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:center;vertical-align:middle}
.tg th{font-family:Arial, sans-serif;font-size:24px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:center;vertical-align:middle}
.tg .tg-baqh{font-size:24px;text-align:center;vertical-align:middle}
.tg .tg-nrix{font-size:18px;text-align:center;vertical-align:middle}
</style>

<p>
    You are the leader of your group.
</p>

<p>
    You may choose to decrease the point earnings of other members of your group by using punishment points. For every
    punishment point you use, the other members of your group will receive 10% less of their earnings.
</p>

<p>
    Every punishment point you use will also decrease your earnings. You can see the cost of different amounts of
    punishment points in the table below.
</p>

<table class="tg">
  <tr>
    <th class="tg-nrix">Disapproval</th>
    <th class="tg-nrix">1</th>
    <th class="tg-nrix">2</th>
    <th class="tg-nrix">3</th>
    <th class="tg-nrix">4</th>
    <th class="tg-nrix">5</th>
    <th class="tg-nrix">6</th>
    <th class="tg-nrix">7</th>
    <th class="tg-nrix">8</th>
    <th class="tg-nrix">9</th>
    <th class="tg-nrix">10</th>
  </tr>
  <tr>
    <td class="tg-nrix">Cost</td>
    <td class="tg-nrix">1</td>
    <td class="tg-nrix">2</td>
    <td class="tg-nrix">4</td>
    <td class="tg-nrix">6</td>
    <td class="tg-nrix">9</td>
    <td class="tg-nrix">12</td>
    <td class="tg-nrix">16</td>
    <td class="tg-nrix">20</td>
    <td class="tg-nrix">25</td>
    <td class="tg-nrix">30</td>
  </tr>
</table>

<p>
    Recall that your payoff function is
</p>

$$ \text{Your payoff }= \text{ The sum of your group members' contributions to the group account } \times \text{ .25 } - \text{ cost of punishment} $$

<p>
    Your group has contributed {{ group_cont }} to the group account.
</p>

<p>
<center>
    {{ formfields }}

    {{ next_button }}
</center>
</p>
{{ endblock }}

{{ block global_styles  }}
{{ endblock }}
{{ block global_scripts  }}
{{ endblock }}