{% 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>For 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 fully 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>CANNOT</b> observe your diagnostic accuracy.</p>
<p>After choosing the diagnostic accuracy, a diagnosis and a recommendation of solution will be generated and sent to your matched client. </p>



</p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
  width: 80%;
}
</style>
    {% if player.expert_altruism == 1 %}
<img src="{% static "Graph_22fall/precision_choice_100_concealed.png" %}"/>
    {% endif %}
        {% if player.expert_altruism == 0.6 %}
<img src="{% static "Graph_22fall/precision_choice_60_concealed.png" %}"/>
    {% endif %}
        {% if player.expert_altruism == 0.2 %}
<img src="{% static "Graph_22fall/precision_choice_20_concealed.png" %}"/>
    {% endif %}
        {% if player.expert_altruism == 0 %}
<img src="{% static "Graph_22fall/precision_choice_0_concealed.png" %}"/>
    {% endif %}
</p><br><br>


<p><u>Stage 2: 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>

    <p>You will receive <b>80 tokens</b> as the base income for a round, no matter whether the client follows your recommendation or not,
    nor whether the client successfully solves the problem or not.
<p>
    {% if player.expert_altruism == 1 %} Additionally, based on your contract assignment, if your matched client's problem is solved, you will gain extra <b>100 tokens</b>. {% endif %}
    {% if player.expert_altruism == 0.6 %} Additionally, based on your contract assignment, if your matched client's problem is solved, you will gain extra <b>60 tokens</b>. {% endif %}
    {% if player.expert_altruism == 0.2 %} Additionally, based on your contract assignment, if your matched client's problem is solved, you will gain extra <b>20 tokens</b>. {% endif %}
    {% if player.expert_altruism == 0 %} Additionally, based on your contract assignment, if your matched client's problem is solved, you will gain extra <b>0 tokens</b>. {% endif %}
</p>
    <p>And your income will be deducted by the cost that you spent on your diagnosis.</p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
    {% if player.expert_altruism == 1 %}
<img src="{% static "Graph_22fall/result_expert_100.png" %}"/>
    {% endif %}
        {% if player.expert_altruism == 0.6 %}
<img src="{% static "Graph_22fall/result_expert_60.png" %}"/>
    {% endif %}
        {% if player.expert_altruism == 0.2 %}
<img src="{% static "Graph_22fall/result_expert_20.png" %}"/>
    {% endif %}
        {% if player.expert_altruism == 0 %}
<img src="{% static "Graph_22fall/result_expert_0.png" %}"/>
    {% endif %}
</p><br><br>
</block>


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

<p>For 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 private signal indicating the problem: the signal will be either “Problem A” or “Problem B”,
    with a 60% chance that it correctly indicates your problem. This signal is only observable to yourself.
</p>
    <p>The following is an overview of the procedure for each of the 20 rounds.</p>
<br><br>



<!--    <br><br>-->
<p><u>Stage {% if player.activeness == 1 %}1: Observable information about your problem and choose a solution{% else %} 1: Observable Private Signal and Expert's Recommendation{% endif %}.</u></p>

    {% if player.activeness == 1 %}
<p>In this stage, you will receive useful information about your problem and choose a solution to solve your problem.
    The information on your problem consists of two parts: your own information, and the information from the expert. </p>
    <p>
        Your own information contains the private signal about the problem, and the accuracy of your private signal.</p>
    <p>
        The information from the expert contains the diagnostic result and the recommended solution.</p>
<p>
    Based on these information, you will need to decide which solution (Solution A*, or Solution B*) you would like to receive.
    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*.

    Your choice on solution is observable to your matched expert.
</p>
    <p>
        We will you to guess the expert's diagnostic precision.
        At the end of the experiment, one out of 20 rounds will be randomly chosen for your payment.
        If your prediction in that chosen round is correct, you will receive an additional reward of <u>10</u> tokens.
    </p>
    {% else %}
<p>
    In this stage, you will observe your private signal about the problem, and also the expert's recommended solution.
    As a PASSIVE client, you will follow the expert's recommendation on solutions.
</p>
    <p>
        We will you to guess the expert's diagnostic precision.
        At the end of the experiment, one out of 20 rounds will be randomly chosen for your payment.
        If your prediction in that chosen round is correct, you will receive an additional reward of <u>10</u> tokens.
    </p>
    <p>
    We will ask you to predict whether your problem will be solved by the expert's recommended solution.
    At the end of the experiment, one out of 20 rounds will be randomly chosen for your payment.
        If your prediction in that chosen round is correct, you will receive an additional reward of <u>10</u> tokens.
</p>
    {% endif %}

Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
  width: 80%;
}
</style>
    {% if player.activeness == 1 %}
<img src="{% static "Graph_22fall/choose_treatment_active_concealed.png" %}"/>
    {% endif %}
    {% if player.activeness == 0 %}
<img src="{% static "Graph_22fall/choose_treatment_passive_concealed.png" %}"/>
    {% endif %}

</p>
    <br><br>

<p><u>Stage 2: 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>.

</p>
Example screenshot of this stage:<br>
<p>
    <style>
img {
  border: 1px solid #555;
}
</style>
<img src="{% static "Graph_22fall/result_client.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 %}