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


{% block title %}
Decision task 2.2 - instructions
{% endblock %}

{% block content %}

   <p><u><h3>There are two types of players in the decision game</h3></u></p>
   <div> <font size="4"> 
      <ul>
      <li><b>Citizens</b>
      <ul>
      <li>Citizens are participants who take part in a typing task where they have to fill in 5 sequences of numbers and letters and earn <strong> 25 or 75 points </strong>.
     <li>40% of the points that are earned in the typing task are invested in a common good. These are taxes that citizens have to pay.
     </li>
     <ul><li> 40% of 75 points: <strong> 30 points </strong> </li></ul>
     <ul><li> 40% of 25 points: <strong> 10 points </strong> </li></ul>
      <li>The remaining 60% is a citizen's personal earnings.
     </li>
     <ul><li> 60% of 75 points: <strong> 45 points </strong> . </li></ul> 
     <ul><li> 60% of 25 points: <strong> 15 points </strong> . </li></ul> 
      </ul>
      <li><b>Refugee</b>
      <ul>
      <li>The refugee (another participant in this study) does not participate in the typing task and therefore cannot contribute to the common good.
     </li>
      <li>The refugee has no income of his own.
      </ul>
      </p>
   </div>

   <p><u><h3>Each game consists of one refugee and two groups of four host citizens.</h3></u></p>
      </ul> 
      <li> There are two groups of citizens: group A and group B.
      <li>Each group consists of 4 citizens.
      <li>All citizens from a same group earn the same amount of points upon completion of the typing task
      </ul> 
      </p>

      <div align = "center">
         <img src="{% static 'Instruction_1_ref.png' %}" style = "max-width:70%; max-height:70%;"/>
      </div>
      </font>
   </div>   
   <button id="button_id" class="btn btn-primary btn-large">
		Next
   </button>
{% endblock %}