{% 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 or condition == 3 %} <a href="{% static "cost_allocation_bsw2/instructions_ins.pdf" %}" target="_blank">click here</a> (a new window will be launched).
            {% else %} <a href="{% static "cost_allocation_bsw2/instructions_nins.pdf" %}" target="_blank">click here</a> (a new window will be launched).
            {% endif %}

    </p>
    <hr>
    <p>
        1.	Assigning high resources to the joint project means you must assign low resources to the individual project, and vice versa.
    </p>
    {% formfield player.kc1  %} <br>

    <p>
        2.	Your compensation for this part of the experiment will be determined by the profitability of the division you manage. <br>

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

    <p>
        3.	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.kc3  %} <br>

    <p>
        4.	You will complete several periods of the resource assignment task, and will remain paired with the same participant in all periods.
    </p>
    {% formfield player.kc4  %} <br>

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

    <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();
     var kc5v = $("input:radio[name=kc5]:checked").val();

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

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

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

     if (kc4v != "True") {
         num_incorrect++;
         incorrect_string += "Question #4; "
     }


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



     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 %}