{% 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. You may review your printed instructions at any time.
    </p>
    <hr>
    <p>
        1.	The four other managers in your company are the students in the same color group as you. <br>

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

    <p>
        2.	The experiment consists of a practice period and____ performance periods.
    </p>
    {% formfield player.kc2  %} <br>

    <p>
        3.	Each period you will choose how much of a $6.00 discretionary budget to invest in socially responsible projects.
    </p>
    {% formfield player.kc3  %} <br>

    <p>
        4.	Your compensation, and any payments made to charity resulting from your investments in socially responsible projects, will be based on one randomly selected period.
    </p>
    {% formfield player.kc4  %} <br>

    <p>
        5.	If you choose to invest $3 in a socially responsible project with a potential social impact score of 3, what will your chosen charity receive if the project succeeds?
    </p>
    {% formfield player.kc5  %} <br>

    <p>
        6.	If you choose to invest $3 in a socially responsible project with a potential social impact score of 3, what will your chosen charity receive if the project does not succeed?
    </p>
    {% formfield player.kc6  %} <br>

    <p>
        7.	Projects with <b>lower</b> potential social impact scores have a
    </p>
    {% formfield player.kc7  %} <br>

    <p>
        8.	Projects with <b>higher</b> potential social impact scores have a
    </p>
    {% formfield player.kc8  %} <br>

    <p>
        9.	The probability of success associated with any socially responsible project you choose in any period is independent of the probability of success of any project in any other period chosen by any other manager.
    </p>
    {% formfield player.kc9  %} <br>


    {% if condition == 1 %}

    {% elif condition == 2 %}
        <p>
            10.	At the end of each period, all five managers can see how the cumulative dollar amount of their investments in socially responsible projects (from all periods) ranks compared to the cumulative dollar amounts
            of the other managers’ investments.
        </p>
            {% formfield player.kc10a  %}

    {% elif condition == 3 %}
        <p>
            10.	At the end of each period, all five managers can see how the cumulative average impact score of their investments in socially responsible projects (from all periods) ranks compared to the cumulative average impact scores
            of the other managers’ investments.
        </p>
            {% formfield player.kc10b  %}

    {% elif condition == 4 %}
        <p>
            10.	At the end of each period, all five managers can see how the cumulative dollar amounts of their investments in socially responsible projects (from all periods) ranks compared to the cumulative dollar
            amounts of the other managers’ investments. Also, all five managers can see how the cumulative average impact score of their investments (from all periods) ranks compared to the cumulative average impact scores of the other
            managers’ investments.
        </p>
            {% formfield player.kc10c  %}

    {% elif condition == 5 %}
        <p>
            10.	At the end of each period, all five managers can see how the cumulative potential return (dollar amount invested × potential social impact score) of their investments in socially responsible
            projects (from all periods) ranks compared to the cumulative potential returns of the other managers’ investments.
        </p>
            {% formfield player.kc10d  %}

    {% 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 the practice period. 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();
     var kc6v = $("input:radio[name=kc6]:checked").val();
     var kc7v = $("input:radio[name=kc7]:checked").val();
     var kc8v = $("input:radio[name=kc8]:checked").val();
     var kc9v = $("input:radio[name=kc9]:checked").val();

     {% if condition == 1 %}
        var kc10av = "True";
        var kc10bv = "True";
        var kc10cv = "True";
        var kc10dv = "True";
     {% elif condition == 2 %}
        var kc10av = $("input:radio[name=kc10a]:checked").val();
        var kc10bv = "True";
        var kc10cv = "True";
        var kc10dv = "True";
     {% elif condition == 3 %}
        var kc10av = "True";
        var kc10bv = $("input:radio[name=kc10b]:checked").val();
        var kc10cv = "True";
        var kc10dv = "True";
     {% elif condition == 4 %}
        var kc10av = "True";
        var kc10bv = "True";
        var kc10cv = $("input:radio[name=kc10c]:checked").val();
        var kc10dv = "True";
     {% elif condition == 5 %}
        var kc10av = "True";
        var kc10bv = "True";
        var kc10cv = "True";
        var kc10dv = $("input:radio[name=kc10d]:checked").val();
     {% endif %}

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

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

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

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

     if (kc5v != "d") {
        num_incorrect++;
        incorrect_string += "Question #5; "
    }

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

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

    if (kc8v != "b") {
        num_incorrect++;
        incorrect_string += "Question #8; "
    }

    if (kc9v != "True") {
        num_incorrect++;
        incorrect_string += "Question #9; "
    }

    if (kc10av != "True" || kc10bv != "True" || kc10cv != "True" || kc10dv != "True" ) {
        num_incorrect++;
        incorrect_string += "Question #10; "
    }


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