{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}


{% block title %}


    Pre-task questions:
{% endblock %}

{% block content %}


    <STYLE TYPE="text/css"> <!-- .indented { padding-left: 50pt; padding-right: 50pt; } --> </STYLE>
    <hr>
    <p>
        You will now complete a brief quiz to test your knowledge of the instructional material you just read. If you miss a question, you will be returned to the 
        instructions and will have the opportunity to browse the material again before re-attempting the quiz. If you wish to review or print the instructions, 
        please
            {% if condition == 1 %}
                <a href="{% static "bsw3/instructions_1.pdf" %}" target="_blank">click here</a> (a new window will be launched).
            {% elif condition == 2 %}
                <a href="{% static "bsw3/instructions_2.pdf" %}" target="_blank">click here</a> (a new window will be launched).
            {% elif condition == 3 %}
                <a href="{% static "bsw3/instructions_3.pdf" %}" target="_blank">click here</a> (a new window will be launched).
            {% elif condition == 4 %}
                <a href="{% static "bsw3/instructions_4.pdf" %}" target="_blank">click here</a> (a new window will be launched).
            {% endif %}

    </p>
    <hr>
    <p>
        1.	Your compensation for your decoding task will be determined by the profitability of the division you manage. <br>

    </p>
    {% formfield player.kc1  %} <br>

    <p>
        2.	Will your compensation be determined by your division’s results in one randomly selected period, or your division’s results across all periods combined?
    </p>
    {% formfield player.kc2  %} <br>

    <p>
        3.	All else equal, if a participant correctly decodes 20 strings in a particular period and the participant’s other group member correctly decodes 15
        strings in the same period, which division’s <b>net income</b> will be higher?
    </p>
    {% formfield player.kc3  %} <br>

    <p>
        4.	How does your firm allocate common costs between the division you manage and the division managed by the other participant?
    </p>
    {% formfield player.kc4  %} <br>

    {% if condition == 3 or condition == 4 %}
        <p>
        5.	What is the likelihood of an event occurring in your division in any particular period that causes production difficulties? (Recall that the occurrence
            of this event is determined separately for each division).
        </p>
        {% formfield player.kc5  %} <br>
        <p>
        6.	If the event occurs in your division that causes production difficulties in a particular period, what effect may that have on your division’s
            profitability in the period?
        </p>
        {% formfield player.kc6 %} <br>

    {% endif %}

    <br>

    <p>
    When finished, click "Submit" below. If you have correctly answered all questions, you will be taken to the next page to begin your task. If you have incorrectly answered
    any questions, you will have an opportunity to review and correct any errors.
    </p>
    <hr>
    <button type="button" class="btn btn-primary" onclick="checkwork(0)">Submit</button>

{% endblock %}

{% block styles %}
    <STYLE TYPE="text/css">
        label {font-weight: normal !important;}
    </STYLE>
{% endblock %}

{% block scripts %}

 <script language="JavaScript">
 function checkwork(autosubmit){

     var num_incorrect = 0;
     var num_missing = 0;
     var incorrect_string = "";

     var kc1v = $("input:radio[name=kc1]:checked").val();
     var kc2v = $("input:radio[name=kc2]:checked").val();
     var kc3v = $("input:radio[name=kc3]:checked").val();
     var kc4v = $("input:radio[name=kc4]:checked").val();

     {% if condition == 3 or condition == 4 %}
        var kc5v = $("input:radio[name=kc5]:checked").val();
        var kc6v = $("input:radio[name=kc6]:checked").val();
     {% else %}
        var kc5v = "c";
        var kc6v = "c";
     {% endif %}

     if (kc1v != "True") {
         num_incorrect++;
         incorrect_string += "Question #1; "
     }

     if (kc2v != "a") {
         num_incorrect++;
         incorrect_string += "Question #2; "
     }

     if (kc3v != "b") {
         num_incorrect++;
         incorrect_string += "Question #3; "
     }

     {% if condition == 1 or condition == 3 %}
        if (kc4v != "a") {
            num_incorrect++;
            incorrect_string += "Question #4; "
        }
     {% else %}
         if (kc4v != "b") {
            num_incorrect++;
            incorrect_string += "Question #4; "
        }
     {% endif %}

    if (kc5v != "c") {
        num_incorrect++;
        incorrect_string += "Question #5; "
    }

    if (kc6v != "c") {
        num_incorrect++;
        incorrect_string += "Question #6; "
    }

     if (num_incorrect > 0) {
         alert("You have answered the following questions incorrectly:\n\n " + incorrect_string + "\n\nPlease review the instructions at the top of the page and " +
                 "try again.");
     } else {
         document.getElementById("form").submit();
     }


 }


 </script>

{% endblock %}