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


{% block title %}


    Knowledge Check:
{% endblock %}

{% block content %}


    <STYLE TYPE="text/css"> <!-- .indented { padding-left: 50pt; padding-right: 50pt; } --> </STYLE>
    
    <p>
        You will now complete a brief quiz to test your knowledge of the instructional material you just read. Please note you may view/print a copy of
        the instructions you read earlier by
        {% if condition == 1 %} <a href="{% static "project_selection/PSInstructionsRI.pdf" %}" target="_blank">clicking here</a>
        {% elif condition == 2 %} <a href="{% static "project_selection/PSInstructionsROI.pdf" %}" target="_blank">clicking here</a>
        {% elif condition == 3 %} <a href="{% static "project_selection/PSInstructionsNI.pdf" %}" target="_blank">clicking here</a>
        {% endif %}
        (a new window will be launched).<br><br>

    </p>
    <p>1. How many separate pairs of projects will you be presented with during your project selection task?  <br>

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

    <p>

    2.	Your bonus compensation will be determined by the performance of <b>all</b> the projects implemented in your division.  <br>
    </p>
    {%  formfield player.kc2 %}<br>

    <p>
    3.	Your bonus compensation is based on the performance of the projects implemented in your division, as measured by:  <br>
    </p>

        {% if condition == 1  %}
            {%  formfield player.kc4_RI %}
            <input type="hidden" id="kc4_ROI" name="kc4_ROI" value="a">
            <input type="hidden" id="kc4_NI" name="kc4_NI" value="a">
        {% elif condition == 2  %}
            {%  formfield player.kc4_ROI %}
            <input type="hidden" id="kc4_RI" name="kc4_RI" value="a">
            <input type="hidden" id="kc4_NI" name="kc4_NI" value="a">
        {% elif condition == 3  %}
            {%  formfield player.kc4_NI %}
            <input type="hidden" id="kc4_RI" name="kc4_RI" value="a">
            <input type="hidden" id="kc4_ROI" name="kc4_ROI" value="a">
        {% endif %}
        <br>

    <br>

    <p>When finished, click "Submit" below. If you correctly answer all questions, you will be taken to the next page to complete the rest of the knowledge check.
    If you have incorrectly answered any questions, you will have an opportunity to review and correct any errors.
    </p>

    <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 incorrect_string = "";

     //var kc1v = document.getElementById("form").elements["kc1"].value;
     //var kc2v = document.getElementById("form").elements["kc2"].value;
     //var kc3v = document.getElementById("form").elements["kc3"].value;
     //var kc4RIv = document.getElementById("form").elements["kc4_RI"].value;
     //var kc4ROIv = document.getElementById("form").elements["kc4_ROI"].value;
     //var kc4NIv = document.getElementById("form").elements["kc4_NI"].value;

     {% if condition == 1 %}
        var kc4RIv = $("input:radio[name=kc4_RI]:checked").val();
         var kc4ROIv = "a";
         var kc4NIv = "a";
     {% elif condition == 2 %}
        var kc4ROIv = $("input:radio[name=kc4_ROI]:checked").val();
         var kc4RIv = "a";
         var kc4NIv = "a";
     {% elif condition == 3 %}
        var kc4NIv = $("input:radio[name=kc4_NI]:checked").val();
         var kc4ROIv = "a";
         var kc4RIv = "a";
     {% endif %}
     var kc1v = $("input:radio[name=kc1]:checked").val();
     var kc2v = $("input:radio[name=kc2]:checked").val();

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

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


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

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

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

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


 }


 </script>

{% endblock %}