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


{{ block title }}
    Background and Task Instructions
{{ endblock }}

{{ block content }}


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

    </STYLE>
    <hr>

    <p>
        <span style="text-decoration: underline; font-weight: bold">Stage 1</span>
    </p>
    <br>

    <p>
        You have been assigned to the role of worker. You and two other workers (we'll refer to them as Worker 2 and Worker 3)
        will all be working together on the same project, led by the manager (we'll refer to them as Manager B).
    </p>
    <hr>
    <p>
        You, Worker 2, and Worker 3 will receive compensation for participating in this project.
    </p>
    <p>
        Manager B will also receive some amount of compensation. However, Manager B's total pay will depend on a performance evaluation.
    </p>
    <p>
        If Manager B's performance evaluation is positive, Manager B will receive a bonus equal to 50% of their pay.
    </p>
    <p>
        Manager B's chance of a positive performance evaluation (which earns the 50% bonus) increases as you, Worker 2, and
        Worker 3 contribute effort (i.e., work harder) to your project.
    </p>
    <hr>
    <p>
        Your total pay for this project will start at $2.00. You can contribute up to $1.00 of your compensation to the
        project to increase the probability that Manager B receives a positive performance evaluation and, as a result,
        earns the 50% bonus. Greater contribution amounts have a greater positive effect on Manager B's evaluation.
    </p>
    <p>
        If you choose to contribute $0.00, your pay will be $2.00 and you will not increase the probability that Manager B
        receives a positive performance evaluation. If you choose to contribute the maximum of $1.00, your pay will be
        $1.00. In other words, your pay will be $2.00 less whatever amount you choose to contribute.
    </p>
    <br>
    <hr>
    <br>
    <p>
        Please answer the following questions. Their only purpose is to check that every participant understands the
        instructions. If you miss one or more questions, you will have the opportunity to correct your answers.


    </p>
    <p>
        1.	You, Worker 2, and Worker 3 will all be working together on the same project, led by Manager B.<br>

    </p>
    {{ formfield 'kc1' }} <br>


    <p>
        2.	You will remain with the same team for the entire study.
    </p>
    {{ formfield 'kc2' }} <br>

    <p>
        3.	The more you and the other workers contribute, the higher the likelihood that Manager B will receive
        a positive performance evaluation and bonus.
    </p>
    {{ formfield 'kc3' }} <br>

    <br>

    <p>
    When finished, click "Submit" below. If you have incorrectly answered any questions, you will have an
        opportunity to correct any errors.
    </p>
    <hr>
    <button type="button" class="btn btn-primary" onclick="checkwork(0)">Submit</button>

    <br>


{{ 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();

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

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

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

     if (num_incorrect > 0) {
         alert("You have answered the following questions incorrectly:\n\n " + incorrect_string + "\n\nPlease review the instructions and " +
                 "try again.");
     } else {
         document.getElementById("form").submit();
     }


 }


 </script>

{{ endblock }}