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


{% block title %}
Expert-Client Game: Instruction
{% endblock %}

{% block content %}
<block style="font-size:110%;">


<p>
    This task contains an expert-client game.
    This game will repeat for <b>{{ rounds }}</b> rounds.
    At the end of the task, one out of {{ rounds }} rounds will be randomly selected,
    and your decisions for that round will be used to determine your payment.
    So, <u>your best strategy is to treat every round carefully as if it is the round selected for payment</u>.
</p>

<p>
    You are playing the role as an <b>expert</b> for the whole task. In each round, you will be mached with a DIFFERENT <b>client</b>.
    More details about your role and the client's role will be provided later.
</p>

<br>

<p>
    <b>Generally speaking, this game is about diagnosing and solving the client's problem. Your task is to diagnose the client’s problem and provide a recommendation for a solution.</b>
</p>

<p>
    For each round, your client is facing a problem, but they do not know which of the two problems they face. The problem could be either <b>Problem A</b> or <b>Problem B</b>, with the details below:
    <li>Problem A and Problem B occur with equal probability (50% each);</li>
    <li>Problem A can be solved by <b>Solution A*</b>;</li>
    <li>Problem B can be solved by <b>Solution B*</b>.</li>
</p>

<p>In the next page, more information about how to diagnose the problem will be provided.</p>

<div id="hidden-container">
        <input type="hidden" name="qual_check" id="qual_check" value="1" />
    </div>

    {% next_button %}


{% endblock %}



{% block scripts %}
    <script>
    var time_thres = 3000;

    $(document).ready(function(){
        var start_time = new Date().getTime();
        $(".otree-btn-next").click(function() {
            var end_time = new Date().getTime();
            var diff = end_time - start_time;
            if (end_time - start_time < time_thres) {
                $("#qual_check").val(0);
            }
        });
    });
    </script>
{% endblock %}