{% extends "global/Page.html" %}
{% load staticfiles otree %}
{% block title %}
Questionnaire Page 1 of 9
{% endblock %}

{% block content %}
<style>@import url({% static 'Power/style_survey.css' %});</style>
<script src="{% static 'Power/radio.js' %}"></script>


<div id="portrait" class="alert alert-danger">
    Please tilt your device to see the instructions.
</div>
<input type="hidden" id="id_exclusion" name="exclusion" value="0">
<div class="card-body" id="landscape">
<div class="card bg-light padding">
   <p> Before you exit the study, we would like to ask you for some general questions.
    <p> Your answers to these questions are  important to our research, please make sure to answer them carefully and honestly.
   <p><b> Thank you very much!</b>

    <br><br>
    <table class="table table-hover" width="100%">
            <col width="8%" />
        <col width="70%" />

        <tr>
                <td style="vertical-align:middle" width="5%">
                    1.
                </td>
                <td style="vertical-align:middle">How old are you?</td>
                <td width="50%">{% formfield player.age %}</td>
            </tr>

        <tr>
                <td style="vertical-align:middle" width="5%">
                    2.
                </td>
                <td style="vertical-align:middle">Which is your gender?</td>
                <td style="font-size:10pt;">{% formfield player.gender %}</td>
            </tr>
                    <tr>
                <td style="vertical-align:middle" width="5%">
                    3.
                </td>
                <td style="vertical-align:middle">What is your employment status?</td>
                <td style="font-size:10pt">{% formfield player.employmentstatus %}</td>
            </tr>
            <tr>
                <td style="vertical-align:middle" width="5%">
                    4.
                </td>
                <td style="vertical-align:middle">The next question is about the total income of you and your family members living in your household in 2022.
            This figure should include income from all sources including salaries, wages, pensions, social security, dividends,
            interest and any other income. Please select the category that represents your household income.</td>
                <td style="font-size:10pt;">{% formfield player.income %}</td>
            </tr>

            <tr>
                <td style="vertical-align:middle" width="5%">
                    5.
                </td>
                <td style="vertical-align:middle">Please indicate your marital status.</td>
                <td style="font-size:10pt">{% formfield player.maritalstatus %}</td>
            </tr>


            <tr>
                <td style="vertical-align:middle" width="5%">
                    6.
                </td>
                <td style="vertical-align:middle">What is your highest level of education that you have achieved?</td>
                <td style="font-size:10pt">{% formfield player.education %}</td>
            </tr>
            <tr>
                <td style="vertical-align:middle" width="5%">
                    7.
                </td>
                <td style="vertical-align:middle">Are you religious?</td>
                <td style="font-size:10pt">{% formfield player.religious %}</td>
            </tr>

        </table>
    <br><br><br><br>





    <br><br>



</div>
</div>
<br>
<div align="right"><input type="submit" name="next" id="next" onclick="return submitForm();" class="btn btn-primary" value="Continue"/></div>



{% endblock %}