{{ 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>
        <span style="background-color: yellow; font-weight: bold">You answered one or more questions incorrectly. After reviewing the questions below, please proceed to review the instructional
            material again and re-attempt the quiz.</span>
    </p>
    <hr>
    <p>
        1.	In each round, a higher effort level is

    </p>
    {% formfield 'kc1'  %}
    {% if player.kc1_correct == 1 %}
        <span style="color: green; font-weight: bold">You answered this question correctly!</span><br><br><br>
    {% elif player.kc1_correct == 0 %}
        <span style="color: red; font-weight: bold">You answered this question incorrectly.</span><br><br><br>
    {% endif %}


    <p>
        2.	In each round, a higher effort level is
    </p>
    {% formfield 'kc2'  %}
    {% if player.kc2_correct == 1 %}
        <span style="color: green; font-weight: bold">You answered this question correctly!</span><br><br><br>
    {% elif player.kc2_correct == 0 %}
        <span style="color: red; font-weight: bold">You answered this question incorrectly.</span><br><br><br>
    {% endif %}

    <p>
        3.	For each round, I will be paid
    </p>
    {% formfield 'kc3' %}
    {% if player.kc3_correct == 1 %}
        <span style="color: green; font-weight: bold">You answered this question correctly!</span><br><br><br>
    {% elif player.kc3_correct == 0 %}
        <span style="color: red; font-weight: bold">You answered this question incorrectly.</span><br><br><br>
    {% endif %}

    <p>
        4.	For each round, without considering the monetary cost of effort, if I achieve a higher outcome level,
    </p>
    {% if player.condition == 1 %}
        {% formfield 'kc4_bonus'  %}
    {% elif player.condition == 2 %}
        {% formfield 'kc4_penalty'  %}
    {% elif player.condition == 3 %}
        {% formfield 'kc4_both'  %}
    {% endif %}

    {% if player.kc4_correct == 1 %}
        <span style="color: green; font-weight: bold">You answered this question correctly!</span><br><br><br>
    {% elif player.kc4_correct == 0 %}
        <span style="color: red; font-weight: bold">You answered this question incorrectly.</span><br><br><br>
    {% endif %}

    <br>
    <p>
        5.	You will complete your task for ________ rounds.
    </p>
    {% formfield 'kc5'  %} <br>
    {% if player.kc5_correct == 1 %}
        <span style="color: green; font-weight: bold">You answered this question correctly!</span><br><br><br>
    {% elif player.kc5_correct == 0 %}
        <span style="color: red; font-weight: bold">You answered this question incorrectly.</span><br><br><br>
    {% endif %}

    <hr>
    <button type="button" class="btn btn-primary" onclick="checkwork(0)">Next</button>


{% endblock %}

{% block styles %}
    <STYLE TYPE="text/css">
        label {font-weight: normal !important;}
    </STYLE>
{% endblock %}

{% block scripts %}
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {

    $("input[name=kc1]:radio").attr('disabled', true);
    $("input[name=kc2]:radio").attr('disabled', true);
    $("input[name=kc3]:radio").attr('disabled', true);
    $("input[name=kc5]:radio").attr('disabled', true);

    {% if player.condition == 1 %}
        $("input[name=kc4_bonus]:radio").attr('disabled', true);
    {% elif player.condition == 2 %}
        $("input[name=kc4_penalty]:radio").attr('disabled', true);
    {% elif player.condition == 3 %}
        $("input[name=kc4_both]:radio").attr('disabled', true);
    {% endif %}
});




 function checkwork(autosubmit){

    $("input[name=kc1]:radio").attr('disabled', false);
    $("input[name=kc2]:radio").attr('disabled', false);
    $("input[name=kc3]:radio").attr('disabled', false);
    $("input[name=kc5]:radio").attr('disabled', false);

    {% if player.condition == 1 %}
        $("input[name=kc4_bonus]:radio").attr('disabled', false);
    {% elif player.condition == 2 %}
        $("input[name=kc4_penalty]:radio").attr('disabled', false);
    {% elif player.condition == 3 %}
        $("input[name=kc4_both]:radio").attr('disabled', false);
    {% endif %}
     document.getElementById("form").submit();



 }


</script>
{% endblock %}