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


{% block title %}


    Knowledge Check:
{% endblock %}

{% block content %}


    <STYLE TYPE="text/css"> <!-- .indented { padding-left: 25pt; 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 wish to review
    or print the instructions please
        <a href="{% static "cost_allocation_task_bsw2/PGInstructions.pdf" %}" target="_blank">click here</a>
        (a new window will be launched).<br><br>

    </p>
    <p>1.	In this part of the experiment, you will complete a new task with the <b>same</b> group member with whom you worked on the first part of the experiment.    <br>
    </p>
    {% formfield player.kc2_1  %} <br>

    <p>

    2.	Your compensation for the decision making task described to you previously will be based on the decision
        you make, but <b>not</b> the decision that your other group member makes. <br>
    </p>
    {%  formfield player.kc2_2 %}<br>

    <p>
    3.	The results of the decision you make will <b>not</b> be learned by your group member until after the experiment has concluded. <br>
    </p>
    {%  formfield player.kc2_3 %}<br>

    <p>
    4.	For the decision making task described to you previously, you will have the opportunity to allocate tokens to how many different options that will ultimately determine your compensation? <br>
    </p>
    {%  formfield player.kc2_4 %}<br>

    <br>
    <p>
        When finished, click "Submit" below.
    </p>
    <br>

    <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=kc2_1]:checked").val();
     var kc2v = $("input:radio[name=kc2_2]:checked").val();
     var kc3v = $("input:radio[name=kc2_3]:checked").val();
     var kc4v = $("input:radio[name=kc2_4]:checked").val();

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

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

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

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

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