{% 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>
        Please answer the following three questions to complete the knowledge check. 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>
    {% if condition == 1 %}
    4.	<b>Residual income</b> for a project is calculated as  ___________________
    {% elif condition == 2 %}
    4.	<b>Return on investment</b> for a project is calculated as _________________
    {% endif %}
    </p>

    {% if condition == 1  %}
        {%  formfield player.kc5_RI %}
        <input type="hidden" id="kc5_ROI" name="kc5_ROI" value="b">
    {% elif condition == 2  %}
        {%  formfield player.kc5_ROI %}
        <input type="hidden" id="kc5_RI" name="kc5_RI" value="b">
    {% elif condition == 3 %}
        <input type="hidden" id="kc5_RI" name="kc5_RI" value="b">
        <input type="hidden" id="kc5_ROI" name="kc5_ROI" value="b">
    {% endif %}<br>

    <p>As a reminder, bonus compensation will be determined by the following:</p>

    {% if condition == 1 %}
        <p> $0.20 for project performance that meets the division’s required return (i.e., Residual income of $0), <b>plus</b> an additional $0.20 for each additional $70 in Residual income.</p>
    {% elif condition == 2 %}
        <p>$0.20 for project performance that meets the division’s required return (i.e., Return on investment of 10%), <b>plus</b> an additional $0.20 for each additional 10% return on investment.</p>
    {% elif condition == 3 %}
        <p>$0.20 for project performance that meets the division’s required return (i.e., Net income of $70), <b>plus</b> an additional $0.20 for each additional $70 in net income.</p>
    {% endif %}
    <br>
    <br>
    <p>
    {% if condition == 1 %}
        5.	What would your bonus compensation be for a project implemented in your division that generates residual income of $150? <br>
    {% elif condition == 2 %}
        5.	What would your bonus compensation be for a project implemented in your division that generates a return on investment of 31%? <br>
    {% elif condition == 3 %}
        5.	What would your bonus compensation be for a project implemented in your division that generates net income of $220? <br>
    {% endif %}
    </p>
    {%  formfield player.kc6 %}<br>

    <p>
    {% if condition == 1 %}
        6.	What would your bonus compensation be for a project implemented in your division that generates residual income of $50?  <br>
    {% elif condition == 2 %}
        6.	What would your bonus compensation be for a project implemented in your division that generates a return on investment of 15%?  <br>
    {% elif condition == 3 %}
        6.	What would your bonus compensation be for a project implemented in your division that generates net income of $120?  <br>
    {% endif %}
    </p>
    {%  formfield player.kc7 %}<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>

    <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 kc5RIv = document.getElementById("form").elements["kc5_RI"].value;
     //var kc5ROIv = document.getElementById("form").elements["kc5_ROI"].value;
     //var kc6v = document.getElementById("form").elements["kc6"].value;
     //var kc7v = document.getElementById("form").elements["kc7"].value;

     {% if condition == 1 %}
        var kc5RIv = $("input:radio[name=kc5_RI]:checked").val();
         var kc5ROIv = "b";
     {% elif condition == 2 %}
        var kc5ROIv = $("input:radio[name=kc5_ROI]:checked").val();
         var kc5RIv = "b";
     {% elif condition == 3 %}
         var kc5ROIv = "b";
         var kc5RIv = "b";
     {% endif %}
     var kc6v = $("input:radio[name=kc6]:checked").val();
     var kc7v = $("input:radio[name=kc7]:checked").val();

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

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

     if (kc6v != "b") {
         num_incorrect++;
         incorrect_string += "Question #5; "
     }

     if (kc7v != "a") {
         num_incorrect++;
         incorrect_string += "Question #6; "
     }

     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>

    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; }
        .tabmarg {margin-left: 80px}

    </STYLE>

{% endblock %}