{{ 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>

    <br>
    <p>
        Please indicate the extent to which you agree with the following:
    </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>
    <br>
    <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>

    <p>Are you currently employed outside of Prolific?</p>
            <div class="item-hide">
                <div class="indented">
                    {% formfield player.outside_employment %}
                </div>
            </div>
    <br>
            <div class="item-hidden">
                <p>
                    In thinking about your current employment, please indicate the extent to which you agree with the
                    following statements.
                </p>
                <p>{{ if player.e_role == "Employee" }}I have a positive working relationship with my manager/immediate supervisor
                    {{ else }}I have a positive working relationship with my coworkers or subordinates{{ endif }}. </p>
                <div class="indented">
                <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
                <tr>
                    {% for radio in form.real_mgr_relationship %}
                        <td align="center" valign="top" width="9%"><input type="radio" name="real_mgr_relationship" value="{{ forloop.counter}}"
                                id="id_real_mgr_relationship_{{ forloop.counter0 }}" required /></td>
                    {% endfor %}
                </tr>
                <tr>
                    {% for radio in form.real_mgr_relationship %}
                        <td align="center" width="9%"><label for="id_real_mgr_relationship_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
                    {% endfor %}
                </tr>
                </table></div>
                <br>

                <p>I am proud to tell people that I am an employee in my company/organization.</p>
                <div class="indented">
                <table width="100%" border="1" bordercolor="#e3e3e3" cellpadding="2">
                <tr>
                    {% for radio in form.real_org_identification %}
                        <td align="center" valign="top" width="9%"><input type="radio" name="real_org_identification" value="{{ forloop.counter}}"
                                id="id_real_org_identification_{{ forloop.counter0 }}" required /></td>
                    {% endfor %}
                </tr>
                <tr>
                    {% for radio in form.real_org_identification %}
                        <td align="center" width="9%"><label for="id_real_org_identification_{{ forloop.counter0 }}">{{ radio.label }}</label></td>
                    {% endfor %}
                </tr>
                </table></div>
                <br>
            </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 || isNaN(Number(age)) )   {
        alert("Please enter an age between 18 and 99.");
        return;
    }

    if (work_exp == "" || Number(work_exp) < 0 || Number(work_exp) > 99 || isNaN(Number(work_exp)))   {
        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>



<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
 <script>


    $(document).ready(function() {
        $('.item-hidden').hide();
    });

    $(function(){

            $('input[name="outside_employment"]:radio').change(function(){

                var show_val = $("input[name=outside_employment]:radio:checked").val();
                if (show_val != "3") {
                    $('.item-hidden').show();
                    $("input[name=real_mgr_relationship]:radio").attr('checked', false);
                    $("input[name=real_org_identification]:radio").attr('checked', false);

                } else {
                    $('.item-hidden').hide();
                    $("input[name=real_mgr_relationship]:radio").filter('[value="1"]').attr('checked', true);
                    $("input[name=real_org_identification]:radio").filter('[value="1"]').attr('checked', true);
                }
            });

    });


 </script>

{{ endblock }}