{{ block title }}Initial questionnaire{{ endblock }}

{{ block global_styles  }}

    <link rel="stylesheet" href="{{ static 'global/style_sheet.css' }}">

{{ endblock }}


{{ block content }}

<script>
    // When players click on table cell radio button gets selected
            $(document).on("click","td",function(){
                $(this).find("input:radio").prop("checked", true);
            })
</script>
<br>
<p>
    Before we start the experiment, we would like you to provide us some information about you.
    <br><b>Task:</b> Please fill in the following fields truthfully:
</p>
<p>
    {{ for field in descriptives }}
    {{ formfield field}}
{{ endfor }}
<br>

<p>
How satisfied are you with... <br><b>(0 = Completely dissatisfied; 10 = Completely satisfied)</b>
    <table class="likert">
    <col span="1" >
    <tr>
        <th></th>
        {{for choice in form.sat_socialLife.choices}}
            <th>{{choice}}</th>
        {{endfor}}
{{ if player.seed_questionnaire_1 > 5000 }}
    </tr>
        <tr>
        <td class="likert_label">{{ form.sat_socialLife.label }}</td>
        {{ for choice in form.sat_socialLife }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
        <tr>
        <td class="likert_label">{{ form.sat_health.label }}</td>
        {{ for choice in form.sat_health }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
{{ else }}
    <tr>
        <td class="likert_label">{{ form.sat_health.label }}</td>
        {{ for choice in form.sat_health }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
    </tr>
        <tr>
        <td class="likert_label">{{ form.sat_socialLife.label }}</td>
        {{ for choice in form.sat_socialLife }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
{{ endif }}
</table>

<br>

<p>
Different things are important to different people. How important are the following things to you?
    <table class="likert">
    <col span="1" >
    <tr>
        <th></th>
        <th>Unimportant</th>
        <th>Less Important</th>
        <th>Important</th>
        <th>Very important</th>
    </tr>
{{ if player.seed_questionnaire_2 > 5000 }}
    <tr>
        <td class="likert_label">{{ form.importance_religion.label }}</td>
        {{ for choice in form.importance_religion }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
    <tr>
        <td class="likert_label">{{ form.importance_involvement.label }}</td>
        {{ for choice in form.importance_involvement }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
{{ else }}
        <tr>
        <td class="likert_label">{{ form.importance_involvement.label }}</td>
        {{ for choice in form.importance_involvement }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
        <tr>
        <td class="likert_label">{{ form.importance_religion.label }}</td>
        {{ for choice in form.importance_religion }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
{{ endif }}
</table>

</p>
<br>
{{ if player.seed_questionnaire_3 > 5000 }}
<p>
    How often do you check your bank account balance?
    {{ form.check_account }}
</p>
<br>
<p>
    How often do you drink alcohol?
    {{ form.alcohol }}
</p>
{{ else }}
<p>
    How often do you drink alcohol?
    {{ form.alcohol }}
</p>
<br>
<p>
    How often do you check your bank account balance?
    {{ form.check_account }}
</p>
{{ endif }}
<p>
    <p>
    Do you currently smoke, whether cigarettes, a pipe, or cigars?
    {{ form.smoke }}
</p>
<br>

<button id="next_button" class="otree-btn-next btn btn-primary"> Next </button>

{{ endblock }}