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

{% block title %}
    Final Task: The Assessment Task
{% endblock %}


{% block content %}
<link rel="stylesheet" href='{{ static "style/boxgraph.css"}}'>
<link rel="stylesheet" href='{{ static "style/global_style.css"}}'>
<p style="text-align: center;">
  <img src="{% static 'global/path3.png' %}" width="80%"/>
</p>
<div>
<p>You will play the Assessment Task.</p>
</div>


<h3>Reminder</h3>
<h4>
    If Part 1 is selected for payment...
</h4>
  <p>
    The computer will randomly draw 2 cards from the whole deck of 25 cards. 
    The one you ranked higher will be implemented in the Assessment Task. 
    If you have ranked the two drawn cards aligned within the same interval, the computer will randomly pick one to implement, with each card equally likely to be picked.
  </p>
<h4>
    If Part 2 is selected for payment...
</h4>
<p>
  In the Assessment Task, there is an equal chance that the total number of balls drawn will be either 3, 5, 9, or 15.
  One of the five possible Reports about the drawn balls will be randomly picked and presented to you.
</p>
<ul>
  <li>
      <b>If the information you see in the final Assessment Task has already appeared in one of the {{ num_of_questions }} scenario questions in Part 2 </b><br>
      We will use your answer in that question as your assessment in the Assessment Task.
  </li>
  <li>
      <b>If the information you see in the final Assessment Task does NOT match with any of the {{ num_of_questions }} scenario questions</b><br>
      you will have to manually submit your assessment of the chance that the picked box is Box G vs Box O in the Assessment Task. 
      The more accurate your assessment is, the more likely it is that you will receive $10.
  </li>
</ul>
</div>


{{next_button}}

{% endblock %}