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


{% block title %}
    Follow-Up Questionnaire
{% endblock %}

{% block content %}
    <hr>
    <p>Please answer the remaining questions below. When finished, click "Next" to receive confirmation of completing this study.
    </p>
    <hr>

    <p>
        Please indicate the extent to which you agree with the following statements.
    </p>

    <p>One should be very cautious with strangers.</p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.prop_trust_1 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="prop_trust_1" value="{{ forloop.counter}}"
                    id="id_prop_trust_1_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.prop_trust_1 %}
            <td align="center" width="9%"><label for="id_prop_trust_1_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Most experts tell the truth about the limits of their knowledge. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.prop_trust_2 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="prop_trust_2" value="{{ forloop.counter}}"
                    id="id_prop_trust_2_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.prop_trust_2 %}
            <td align="center" width="9%"><label for="id_prop_trust_2_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Most people can be counted on to do what they say they will do. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.prop_trust_3 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="prop_trust_3" value="{{ forloop.counter}}"
                    id="id_prop_trust_3_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.prop_trust_3 %}
            <td align="center" width="9%"><label for="id_prop_trust_3_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>These days, you must be alert or someone is likely to take advantage of you.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.prop_trust_4 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="prop_trust_4" value="{{ forloop.counter}}"
                    id="id_prop_trust_4_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.prop_trust_4 %}
            <td align="center" width="9%"><label for="id_prop_trust_4_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Most salespeople are honest in describing their products. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.prop_trust_5 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="prop_trust_5" value="{{ forloop.counter}}"
                    id="id_prop_trust_5_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.prop_trust_5 %}
            <td align="center" width="9%"><label for="id_prop_trust_5_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Most repair people will not overcharge people who are ignorant of their specialty. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.prop_trust_6 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="prop_trust_6" value="{{ forloop.counter}}"
                    id="id_prop_trust_6_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.prop_trust_6 %}
            <td align="center" width="9%"><label for="id_prop_trust_6_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Most people answer public opinion polls honestly.  </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.prop_trust_7 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="prop_trust_7" value="{{ forloop.counter}}"
                    id="id_prop_trust_7_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.prop_trust_7 %}
            <td align="center" width="9%"><label for="id_prop_trust_7_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>

    <p>Most adults are competent at their jobs. </p>
    <div class="indented">
    <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
    <tr>
        {% for radio in form.prop_trust_8 %}
            <td align="center" valign="top" width="9%"><input type="radio" name="prop_trust_8" value="{{ forloop.counter}}"
                    id="id_prop_trust_8_{{ forloop.counter0 }}" required /></td>
        {% endfor %}
    </tr>
    <tr>
        {% for radio in form.prop_trust_8 %}
            <td align="center" width="9%"><label for="id_prop_trust_8_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
        {% endfor %}
    </tr>
    </table></div>
    <br>


    <hr>
    <p>
        Please answer these demographic questions:
    </p>

    Age (Please enter a whole number)
        <div class="tabmarg2"> {% formfield player.age %}</div>
    <br>

    Gender Identity
        <div class="tabmarg2"> {% formfield player.gender %}</div>
    <br>

    Highest level of education completed
        <div class="tabmarg2"> {% formfield player.education %}</div>
    <br>

    Years of full-time work experience (Please enter a whole number)
        <div class="tabmarg2"> {% formfield player.work_experience %}</div>
    <br>


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

{% block styles %}
    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; font-weight: normal !important;}
        .tabmarg {margin-left: 80px}
        .tabmarg2 {margin-left: 30px}
        label {font-weight: normal !important;}
        td {
          border-width: 1px ;
            }
    </STYLE>
{% endblock %}


{{ block scripts }}

 <script language="JavaScript">
function checkwork(autosubmit){


    var age = document.getElementById("form").elements["age"].value;
    var work_exp = document.getElementById("form").elements["work_experience"].value;
    var checkflag = 0;



    if (age == "" || Number(age) < 18 || Number(age) > 99)   {
        alert("Please enter an age between 18 and 99.");
        return;
    }

    if (work_exp == "" || Number(work_exp) < 0 || Number(work_exp) > 99)   {
        alert("Please enter years of work experience between 0 and 99.");
        return;
    }


    if (checkflag > 0) {
        alert("Please enter a number between 0 and 20.");
    } else {
        document.getElementById("form").submit();
    }


 }


 </script>


{{ endblock }}