{{ block styles }}
<link href="{{ static 'global/css/style.css' }}" rel="stylesheet" type="text/css"/>
{{ endblock }}

{{ block title }}
    Make your decision
{{ endblock }}

{{ block content }}
To make sure you understand, here is an example total income of players A and B. <br>
The payoff trend of you and players A will look like the following if system remains <b> downward-sloping </b>:<br>
<img src="{{ static 'global/downB.png' }}"/><br>
If, however, the system changes to <b> upward-sloping </b>, the payoff trend of you and players A will look like the following:<br>
<img src="{{ static 'global/upB.png' }}"/><br>
Below is a matrix of earnings. If <b>A and B both complete 5 sliders in both rounds</b>, the payoffs will look like the following:
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
<tr>
<th class="tg-0lax" colspan="2"></th>
<th class="tg-c3ow">A earn...</th>
<th class="tg-0pky">You earn...</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0lax" rowspan="2"><span style="font-weight:400;font-style:normal">If system...</span></td>
<td class="tg-c3ow"><span style="font-weight:400;font-style:normal">Changed</span></td>
<td class="tg-c3ow">  20 + 20 </td>
<td class="tg-0pky"><span style="font-weight:400;font-style:normal"> </span><span style="color:#FE0000"> 30 + 45 </span></td>
</tr>
<tr>
<td class="tg-c3ow"><span style="font-weight:400;font-style:normal">Not Change</span></td>
<td class="tg-c3ow"><span style="font-weight:400;font-style:normal">20 + 13</span></td>
<td class="tg-0pky"><span style="font-weight:400;font-style:normal">20 + 13</span></td>
</tr>
</tbody>
</table>
<br>
Please make your decision below: <br>

{{ formfields }}
{{ next_button }}


<!--    <p class="text-center">-->
<!--        <button class="otree-btn-next btn btn-primary">Continua</button>-->
<!--    </p>-->
{{ endblock }}