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

{% block title %}
    Understanding Questions
{% endblock %}

{% block content %}

        <p>1.   How many forecasters are there in the experimental economy you are participating in? (including yourself)</br>
            <input type="text" name="q1" size=5 AUTOCOMPLETE="OFF">
            </p>
        <p>2.   Suppose you are entering period 22. For which period<b>s</b> do you have to forecast output?</br>
            <b>(please enter the numbers of the periods only, separated with a comma and without space)</b></br>
            <input type="text" name="q2" size=25 AUTOCOMPLETE="OFF">
            </p>
        <p>3.  If you are in period 6, you have information about output until period ... <input type="text" name="q3" size=5 AUTOCOMPLETE="OFF"></p>

{% if Tr_rev == 1 %}
<p>4.  Suppose you are entering period 54. The bottom graph indicates that government expenditures in period 57 will be 0 % and in period 58 will be 10 %. Which one of the following applies?  </br>
            <input type="checkbox" name="q4" value="1"> It is certain that government expenditures  will be  0 % in period 57 and 10 % in period 58.</br>
            <input type="checkbox" name="q4" value="2"> Government expenditures  in period 57 and in period 58 may deviate from, respectively,  0 % and 10 % if new announcements occur.
</br>
            <input type="checkbox" name="q4" value="3"> It is certain that government expenditures in period 57 will be 0 %, but government expenditures in period 58 may deviate from 10% if a new announcement occurs. </br>
            <input type="checkbox" name="q4" value="4"> It is certain that government expenditures  in period 58 will be 10 %, but government expenditures in period 57 may deviate from 0% if a new announcement occurs.    </p>
 {% else %}
<p>4.  If you are in period 6, you have information about government expenditures, taxes and government debt until period ... <input type="text" name="q4" size=5 AUTOCOMPLETE="OFF"></p>
{% endif %}
{% if Tr_cons == 1 %}
        <p>5.  If you are in period 6, you have information about the consensus output forecasts until period ... <input type="text" name="q9" size=5 AUTOCOMPLETE="OFF"></p>
{% endif %}

<p>{% if Tr_cons == 1 %}6.{% else %}5.{% endif %}  Suppose that the government decreases its expenditures. Which <b>ones</b> of the following apply?</br>
        <input type="checkbox" name="q5" value="1">Output will increase for sure.</br>
            <input type="checkbox" name="q5" value="2">Output will decrease for sure.</br>
            <input type="checkbox" name="q5" value="3">The effect on output will depend on the effect on the mean output forecasts.</br>
            <input type="checkbox" name="q5" value="4">Output is likely to decrease.</p>
        <p>{% if Tr_cons == 1 %}7.{% else %}6.{% endif %} {% if subsession.horizon == 2 %} Suppose that you are in period 7 and you forecast output for period 8.</br>
            <input type="checkbox" name="q6" value="1"> Your payment for period 8 will definitively depend on this forecast.</br>
            <input type="checkbox" name="q6" value="2"> Your payment for period 8 will definitively not depend on this forecast.
</br>
            <input type="checkbox" name="q6" value="3"> Your payment for period 8 will depend on this forecast if this forecast is the one that is randomly selected for reward in period 9.</br>
            <input type="checkbox" name="q6" value="4"> Your payment for period 8 will depend on this forecast if this forecast is the one that is randomly selected for reward in period 8. </p>
 {% else %} Suppose that you are in period 7 and you forecast output for period 10.</br>
            <input type="checkbox" name="q6" value="1"> Your payment for period 10 will definitively depend on this forecast.</br>
            <input type="checkbox" name="q6" value="2"> Your payment for period 10 will definitively not depend on this forecast.
</br>
            <input type="checkbox" name="q6" value="3"> Your payment for period 10 will depend on this forecast if this forecast is the one that is randomly selected for reward in period 11.</br>
            <input type="checkbox" name="q6" value="4"> Your payment for period 10 will depend on this forecast if this forecast is the one that is randomly selected for reward in period 10. </p>
{% endif %}
         <p>{% if Tr_cons == 1 %}8.{% else %}7.{% endif %} {% if subsession.horizon == 2 %} Suppose that you are entering period 34. Your forecast for period 33 made in period 32 has been randomly selected for reward. Suppose that output in period 33 turned out to be -0.5%, and your forecast in period 32 was 0.5%.</br>  {% else %}
             Suppose you are in period 34. Your forecast for period 33 made in period 30 has been randomly selected for reward. Suppose output in period 33 turned out to be -0.5%, and your forecast in period 30 was 0.5%. </br>  {% endif %} What is your absolute forecast error?
 </br><input type="text" name="q7" size=5 AUTOCOMPLETE="OFF">%</p></br>
         <p> How many points do you earn in period 33? </br><input type="text" name="q8" size=5 AUTOCOMPLETE="OFF"></p>


    {% next_button %}


{% endblock %}


{% block scripts %}

{% if Tr_cons == 1 %}

<script language=javascript>
$('form').submit(function () {

    // Get the Login Name value and trim it
    var q1 = $('input[name=q1]').val()
    var q2 = $('input[name=q2]').val()
    var q3 = $('input[name=q3]').val()
    var q4 = $('input[name=q4]').val()

    var q5 = [];
            $.each($("input[name='q5']:checked"), function(){
                q5.push($(this).val());
            });
            //alert("My choices for q5 are: " + q5);
            //alert("My choices for q2 are: " + q2);

    var q6 = [];
            $.each($("input[name='q6']:checked"), function(){
                q6.push($(this).val());
            });

    var q7 = $('input[name=q7]').val()
    var q8 = $('input[name=q8]').val()
    var q9 = $('input[name=q9]').val()

    // Check if empty of not



    var answersq5 = [3,4]
    var answersq6 = [3]

    var hor = {{horizon}}

    if (hor == 2 ) {


    if (q1 != '10' || q2 != '23,24' ||  q3 != '5' ||  q4 != '8' || q5.toString() !== answersq5.toString()  || q6.toString() !== answersq6.toString()  || q7 != '1' || q8 != '50' || q9 != '7') {
        alert('Your answer is not correct. \n\nTake another look at the instructions.');
        return false;
    } else  {
        return true;
    }
    }


    if (hor== 6) {

    if (q1 != '10' || q2 != '23,24,25,26,27,28' ||  q3 != '5' ||  q4 != '12' || q5.toString() !== answersq5.toString()  || q6.toString() !== answersq6.toString()  || q7 != '1' || q8 != '50' || q9 != '11') {
        alert('Your answer is not correct. \n\nTake another look at the instructions.');
        return false;
    } else  {
        return true;
    }
    }


});



</script>



{% else %}


{% if Tr_rev == 1 %}


<script language=javascript>
$('form').submit(function () {

    // Get the Login Name value and trim it
    var q1 = $('input[name=q1]').val()
    var q2 = $('input[name=q2]').val()
    var q3 = $('input[name=q3]').val()

    var q4 = [];
            $.each($("input[name='q4']:checked"), function(){
                q4.push($(this).val());
            });

    var q5 = [];
            $.each($("input[name='q5']:checked"), function(){
                q5.push($(this).val());
            });
            //alert("My choices for q5 are: " + q5);
            //alert("My choices for q2 are: " + q2);

    var q6 = [];
            $.each($("input[name='q6']:checked"), function(){
                q6.push($(this).val());
            });

    var q7 = $('input[name=q7]').val()
    var q8 = $('input[name=q8]').val()

    // Check if empty of not



    var answersq4 = [4]
    var answersq5 = [3,4]
    var answersq6 = [3]

    var hor = {{horizon}}

    if (hor == 2 ) {


    if (q1 != '10' || q2 != '23,24' ||  q3 != '5' ||  q4.toString() !== answersq4.toString()  || q5.toString() !== answersq5.toString()  || q6.toString() !== answersq6.toString()  || q7 != '1' || q8 != '50') {
        alert('Your answer is not correct. \n\nTake another look at the instructions.');
        return false;
    } else  {
        return true;
    }
    }


    if (hor== 6) {

    if (q1 != '10' || q2 != '23,24,25,26,27,28' ||  q3 != '5' ||  q4.toString() !== answersq4.toString() || q5.toString() !== answersq5.toString()  || q6.toString() !== answersq6.toString()  || q7 != '1' || q8 != '50') {
        alert('Your answer is not correct. \n\nTake another look at the instructions.');
        return false;
    } else  {
        return true;
    }
    }


});



</script>

{% else %}


<script language=javascript>
$('form').submit(function () {

    // Get the Login Name value and trim it
    var q1 = $('input[name=q1]').val()
    var q2 = $('input[name=q2]').val()
    var q3 = $('input[name=q3]').val()
    var q4 = $('input[name=q4]').val()

    var q5 = [];
            $.each($("input[name='q5']:checked"), function(){
                q5.push($(this).val());
            });
            //alert("My choices for q5 are: " + q5);
            //alert("My choices for q2 are: " + q2);

    var q6 = [];
            $.each($("input[name='q6']:checked"), function(){
                q6.push($(this).val());
            });

    var q7 = $('input[name=q7]').val()
    var q8 = $('input[name=q8]').val()

    // Check if empty of not



    var answersq5 = [3,4]
    var answersq6 = [3]

    var hor = {{horizon}}

    if (hor == 2 ) {


    if (q1 != '10' || q2 != '23,24' ||  q3 != '5' ||  q4 != '8' || q5.toString() !== answersq5.toString()  || q6.toString() !== answersq6.toString()  || q7 != '1' || q8 != '50') {
        alert('Your answer is not correct. \n\nTake another look at the instructions.');
        return false;
    } else  {
        return true;
    }
    }


    if (hor== 6) {

    if (q1 != '10' || q2 != '23,24,25,26,27,28' ||  q3 != '5' ||  q4 != '12' || q5.toString() !== answersq5.toString()  || q6.toString() !== answersq6.toString()  || q7 != '1' || q8 != '50') {
        alert('Your answer is not correct. \n\nTake another look at the instructions.');
        return false;
    } else  {
        return true;
    }
    }


});



</script>


{% endif %}

{% endif %}

{% endblock %}