{{ block title }}Initialer Fragebogen{{ 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>
    Bevor wir mit dem Experiment beginnen, möchten wir Sie bitten uns einige Informationen über sich bereitzustellen.
    <br><b>Aufgabe:</b> Bitte füllen Sie die folgenden Felder wahrheitsgemäß aus:
</p>
<p>
    {{ for field in descriptives }}
    {{ formfield field}}
{{ endfor }}
<br>

<p>
Wie zufrieden Sind Sie mit... <br><b>(0 = Ganz und gar nicht zufrieden; 10 = Ganz und gar zufrieden)</b>
    <table class="likert">
    <col span="1" >
    <tr>
        <th></th>
        {{for choice in form.sat_socialLife.choices}}
            <th>{{choice}}</th>
        {{endfor}}
    </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>
</table>

<br>

<p>
Verschiedene Dinge sind für verschiedene Menschen wichtig. Wie wichtig sind die folgenden Dinge für Sie?
    <table class="likert">
    <col span="1" >
    <tr>
        <th></th>
        <th>Ganz unwichtig</th>
        <th>Weniger wichtig</th>
        <th>Wichtig</th>
        <th>Sehr wichtig</th>
    </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>
    <tr>
        <td class="likert_label">{{ form.importance_involvement.label }}</td>
        {{ for choice in form.importance_involvement }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
</table>

</p>
<br>
<p>
    Wie häufig kommt es vor, dass Sie Ihren Kontostand anschauen / überprüfen?
    {{ form.check_account }}
</p>
<br>
<p>
    Wie oft trinken Sie alkoholhaltige Getränke?
    {{ form.alcohol }}
</p>

<p>
    <p>
    Rauchen Sie derzeit, egal ob Zigaretten, Pfeifen oder Zigarren?
    {{ form.smoke }}
</p>
<br>

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

{{ endblock }}