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

{{ block title }}
    Make Your Decision
{{ endblock }}

{{ block content }}
    <h6 class="text-center mb-3">
        You have completed {{ participant.vars.sliders_task.num_centered }} sliders. <br>
        You have earned {{ participant.round1_payoff }} tokens. <br>
    </h6>


    <u><h6> Wage Systems and Coordinating with Group Members </h6></u>
    <ul>
    <li>
      Recall that the current wage system is a downward-sloping system. It means that for each additional slider you complete, you earn <span style="color:red"> 10% less </span> than the previous slider.
    </li>
    <li>
      Also recall that there is another potential wage system: upward-sloping. It means that for each additional slider you complete, you earn <span style="color:red"> 10% more </span> than the previous slider.
    </li>
    <li>
      <b> Your per slider wage has come down to <span style="color:red">  {{ participant.vars.sliders_task.bonus_per_slider }} token per slider </span>. </b>
    </li>
    <li>
       Before you start your next round of task, you and your partners may collectively decide whether to change the wage system from downward-sloping to upward-sloping.
    </li>
    <li>
       <b> The wage system can change <span style="color:red"> ONLY if all 4 of you choose "Agree" </span>. </b>
    </li>
    <li>
       <b> There is <span style="color:red"> NO COST </span> to choosing "Agree". </b>
    </li>
    </ul>

    To make sure you understand the two wage systems, here is an example income trend of you in the two systems. <br>
    Your payoff trend will look like the following <b> if system remains downward-sloping </b>:<br>
    <img src="{{ static 'global/Adowncon.png' }}"/><br>
    If, however, the system changes to <b>upward-sloping</b>, your payoff trend will look like the following:<br>
    <img src="{{ static 'global/Aupcon.png' }}"/><br>



    Please make your decision below:

<!--    <p class="text-center">-->
<!--        Se non inizia prima che sia scaduto il tempo verrà escluso dallo studio e non riceverà alcun pagamento.-->
<!--    </p>-->
    {{ formfields }}
    {{ next_button }}


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