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

{{ block title }}
Coordination before First Round
{{ endblock }}

{{ block content }}

<p>
      Welcome to the slider tasks. <br>
      There are 4 people in your group doing slider tasks. You have 2 rounds of slider tasks to complete. <br>
      In each round, you need to complete as many sliders as you can in 30 seconds to earn wages (tokens). <br>
      <span style="color:red"> {{ treatment2 }} </span><br>
  </p>

  <span style="color:red"> IMPORTANT: </span> <br>
  <u><h6> {{ lottery0 }} </h6></u>
    <b> {{ lottery1 }}  </b><br>
    <b> {{ lottery2 }}  </b><br>
    <br>
  <u><h6> Wage Systems and Coordinating with Group Members </h6></u>
<ul>
  <li>
    As of now, the wage system is a <b>downward-sloping system</b>. It means that for each additional slider you complete, you earn <span style="color:red"> 10% less </span> than the previous slider.
  </li>
  <li>
    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>
     Your starting per-slider wage is <span style="color:red"> 5 tokens </span> per slider.
  </li>
  </ul>
 <br>

     Before you start your tasks, you and your opponents may <b>collectively decide whether to change the wage system from downward-sloping to upward-sloping</b>.<br>

     <b> The wage system can change ONLY if all of you choose "Agree". </b><br>
     <br>
     <br>
  <h6> After you click "Make your decision", you will be redirected to the decision-making page.
  </h6>

<p>
    <button class="otree-btn-next btn btn-primary">Make your decision</button>
</p>

{{ endblock }}