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

{% block styles %}
<style>
  .otree-form-errors {
    visibility: hidden;
    display: none;
    }
    #myDIV {
    padding: 20px 20px;
    text-align: left;
    background-color: lightblue;
    margin-top: 20px;
    }
</style>
{% endblock %}

{% block title %}
Part 2: Instruction
{% endblock %}


{% block content %}
<block style="font-size:120%;">
<p>You are now entering the second part of the experiment.</p>

<p>In this part, you will still remain your role (client or expert) as in the previous part of the experiment.</p>

<p>This part of the experiment will be identical to the previous part, consisting of 10 rounds:
    In every round, the client is facing a problem, and the expert invests tokens to diagnose the problem and recommend solutions.
    The client may have an opportunity to make his/her own choice of solutions after receiving the solution recommendation
    from the expert.</p>

<p>
    Notice that the payment rule remains identical to the rule in the previous part of experiment that you just played:<br>
For the client, if he/she receives the correct solution to his/her problem, he/she will receive 120 tokens. And if he/she does not receive the correct solution, he/she will receive 20 tokens.<br>
For the expert, he/she receives 120 tokens as the payment for providing diagnosis and solution for the client, no matter whether the expert successfully solve the client’s problem or not. But the diagnosis may be costly, following the cost table below:

</p>
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #858482;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #F5F5F5;
}
</style>
<p>
<table>
    <tr>
      <th>Diagnostic Accuracy</th>
      <th>50%</th>
      <th>60%</th>
      <th>70%</th>
      <th>80%</th>
      <th>90%</th>
      <th>100%</th>
    </tr>
    <tr>
      <th>Cost of diagnosis in tokens</th>
      <th>0</th>
      <th>1</th>
      <th>4</th>
      <th>8</th>
      <th>16</th>
      <th>25</th>
    </tr>
</table>
</p>

<p>
If you are clear about the instruction, click “Next” to enter the second part of the experiment.
If you have any questions, please raise your hand, and an experimenter will come to assist you.
</p>
    {% next_button %}



{% endblock %}