{{ extends "global/Page.html" }}


{% 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 have the opportunity to try
        again. You must answer all questions correctly to proceed.
    </p>
    <hr>
    <p>
        1.	In each round, a higher effort level is

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

    <p>
        2.	In each round, a higher effort level is
    </p>
    {% formfield player.kc2  %} <br>

    <p>
        3.	For each round, I will be paid
    </p>
    {% formfield player.kc3  %} <br>

    <p>
        4.	For each round, without considering the monetary cost of effort, if I achieve a higher outcome level,
    </p>
    {% if condition == 1 %}
        {% formfield player.kc4_bonus  %}
    {% elif condition == 2 %}
        {% formfield player.kc4_penalty  %}
    {% elif condition == 3 %}
        {% formfield player.kc4_both  %}
    {% endif %}
    <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>
    <input type="hidden" id="kc1_attempts" name="kc1_attempts" value="0">
    <input type="hidden" id="kc2_attempts" name="kc2_attempts" value="0">
    <input type="hidden" id="kc3_attempts" name="kc3_attempts" value="0">
    <input type="hidden" id="kc4_attempts" name="kc4_attempts" value="0">

{% 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 kc1_attempts = document.getElementById("form").elements["kc1_attempts"].value;
     var kc2_attempts = document.getElementById("form").elements["kc2_attempts"].value;
     var kc3_attempts = document.getElementById("form").elements["kc3_attempts"].value;
     var kc4_attempts = document.getElementById("form").elements["kc4_attempts"].value;

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

     {% if condition == 1 %}
        var kc4v = $("input:radio[name=kc4_bonus]:checked").val();
     {% elif condition == 2 %}
        var kc4v = $("input:radio[name=kc4_penalty]:checked").val();
     {% elif condition == 3 %}
        var kc4v = $("input:radio[name=kc4_both]:checked").val();
     {% endif %}

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

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

     {% if condition == 1 %}
         if (kc3v != "b") {
             num_incorrect++;
             kc3_attempts++;
             incorrect_string += "Question #3; "
         }
     {% elif condition == 2 %}
         if (kc3v != "d") {
             num_incorrect++;
             kc3_attempts++;
             incorrect_string += "Question #3; "
         }
     {% elif condition == 3 %}
         if (kc3v != "c") {
             num_incorrect++;
             kc3_attempts++;
             incorrect_string += "Question #3; "
         }
     {% endif %}


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

    document.getElementById("form").elements["kc1_attempts"].value = kc1_attempts;
    document.getElementById("form").elements["kc2_attempts"].value = kc2_attempts;
    document.getElementById("form").elements["kc3_attempts"].value = kc3_attempts;
    document.getElementById("form").elements["kc4_attempts"].value = kc4_attempts;

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