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


{% block title %}
{% if player.id_in_group == 1 %}
    Instruction: Expert
{% else %}
    Instruction: Client
{% endif %}
{% endblock %}


{% block content %}

{% if player.id_in_group == 1 %}
<block style="font-size:120%;">

<p>You are assigned to the role of the <b>Expert</b>. </p>

<p>At the beginning of each round, you will be matched with a <b>different</b> anonymous client.</p>
<p>Your matched client is facing a problem of either “Problem A” or “Problem B”, and the client receives a private signal about this problem,
    with <u>60%</u> of chances that his/her private signal correctly indicates the problem.
    Your duty is to conduct a diagnosis to help the client identify the problem,
    and you can freely choose your diagnostic accuracy. Based on this diagnostic accuracy, a diagnosis,
    together with a recommended solution, will be generated and sent to the client.
    But the client may not necessarily follow your recommendation.</p>
<p>The following is an overview of the procedure for each of the 20 rounds.</p>
<br><br>
<p><u>Stage 1: Observe the client’s type and choose the diagnostic accuracy. </u></p>
<p>At this stage, you will first get to know whether the client has an opportunity to make his/her own decision.
    If the client is “Passive”, then he/she will always follow your recommendation.
    If the client is “Active”, then he/she may not necessarily follow your recommendation.</p>
<p>At this stage, you will need to choose the diagnostic accuracy, which will determine how accurate your diagnosis will be. </p>
<p>The client <b>CAN</b> observe your diagnostic accuracy.</p>
<p><b>You will get <u>120 tokens</u> from each round</b>, no matter whether the client follows your recommendation or not,
    nor whether the client successfully solves the problem or not.
Notice that these 120 tokens are NOT from the client’s pocket.
</p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
<img src="{% static "observable/instruction_precision_choice.PNG" %}"/>
</p><br><br>

<p><u>Stage 2: Generate the diagnosis and recommended solution.</u></p>
<p>After you choosing your diagnostic accuracy,
    a diagnosis and a recommended solution will be generated.
    Notice that the recommended solution will always be consistent with the diagnosis generated: i
    f your diagnosis is “Problem A”, your recommendation for the client will be “Solution A”;
    if your diagnosis is “Problem B”, your recommendation will be “Solution B”.</p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
<img src="{% static "observable/instruction_observable_diagnosis.PNG" %}"/>
</p><br><br>

<p><u>Step 3: Viewing the result.</u></p>
<p>At this stage, you will see the feedback about the round that you just play:
    your recommended solution;
    the client’s actual received solution;
    whether the client successfully solved the problem;
    and your final income. </p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
<img src="{% static "observable/instruction_expert_result.PNG" %}"/>
</p><br><br>
</block>


{% else %}
<block style="font-size:120%;">
You are assigned to the role of the <b>Client</b>. <br><br>

<p>At the beginning of each round, you will be matched with a <b>different</b> anonymous expert. </p>

<p>You will receive a problem of either Problem A or Problem B, with equal probability.
And you will <b>NOT</b> be able to directly observe the problem.
Instead, you will receive a signal indicating the problem: the signal will be either “Problem A” or “Problem B”, with a 60% chance that it correctly indicates your problem.
</p>
    <p>The following is an overview of the procedure for each of the 20 rounds.</p>
<br><br>
<u>Stage 1: Observe the signal about the problem, and choose your type of “Active” or “Passive”.</u>
<br><br>
At the beginning of each round, you will first receive a signal about your problem.
You must be aware that there is a 60% of chance that this signal correctly indicates your problem.
<br><br>
Then you will need to choose your type of “Active” or “Passive”.
“Active” means that you will choose the solution to your problem by yourself, i.e., you will have an opportunity to go against the expert’s recommendation on solutions. “Passive” means that you will always accept the expert’s recommended solution.
<br><br>
Notice that you will NOT know which row is randomly chosen by the computer until the end of a round. However, once you click “Next”, the result is already generated, and your matched expert will be able to see it.
<br><br>
Below is an example screenshot of the table.<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
<img src="{% static "observable/instruction_fewWTP.PNG" %}"/>
</p>


<br><br>

<p><u>Stage 2: Visit the expert’s diagnostic result.</u></p>
<p>At this stage, you will receive the diagnostic result and recommended solution from your matched expert. Notice that the expert’s diagnostic result and recommended solution are always consistent:
    if the expert’s diagnosis is Problem A, then the expert always recommends Solution A*;
    if the expert’s diagnosis is Problem B, then the expert always recommends Solution B*.</p>
<p><b>You will also observe the diagnostic accuracy of this diagnostic result.</b>
    This diagnostic accuracy chosen by the expert determines the chance that the expert’s diagnosis correctly identify your problem.</p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
<img src="{% static "observable/instruction_observable_diagnosis.PNG" %}"/>
</p>
    <br><br>
<p><u>Stage 3: Choose solutions.</u></p>
<p>At this stage, you will need to decide which solution (Solution A*, or Solution B*) you would like to receive.
    As shown by the screenshot below, you will receive a list of information that you can refer to when making your decisions:
    your signal, your signal’s accuracy, the expert’s diagnostic result and recommended solution, and the expert’s diagnostic accuracy. </p>
<p>To decide which solution you would like to receive, <b>you have to guess which problem you are ACTUALLY having.</b>
    After reading all available information in the list, if you believe that you are having Problem A, you should choose Solution A*. Or,
    if you believe that you are having Problem B, then you should choose Solution B*.</p>
<p>If in the previous stage, the computer randomly chooses you to be “Active”, then your choice of solution will be implemented.
    If you are “Passive”, then you have to follow whatever the expert recommends –
    for example, in the following screenshot, you will finally receive Solution B even if you choose Solution A. </p>
<p>However, because at this stage you do not know whether you are “Passive” or “Active”,
    your best choice is always to assume yourself as active,
    and think carefully about which problem you are having, and choose the corresponding solution.</p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
<img src="{% static "observable/instruction_observable_solution_choice.PNG" %}"/>
</p>
    <br><br>

<p><u>Stage 4: View the result. </u></p>
<p>If you receive the desired solution for your problem (Solution A* for Problem A, and Solution B* for Problem B),
    you solve the problem and will receive <u>120 tokens</u>. If not, you will receive <u>20 tokens</u>.
    Also, if you choose to pay for being active/passive at the beginning of this round, you also have to pay for that.
    So, your income for a round will be:</p>

<p><center><b>Your income in a round = Your income from problem solving – The cost from choosing to be active/passive</b></center>
</p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
<img src="{% static "observable/instruction_client_result.PNG" %}"/>
</p>
    <br><br>
</block>
{% endif %}


<p style="font-size:120%;">Next, we will ask you a few challenge questions to make sure you understand the rule of this game. <br>If you are clear about the game procedure, please click "Next" to continue. </p>
    {% next_button %}


{% endblock %}