{{ extends "si_experiment/Page.html" }}
{{ block title }}
    Fragen
{{ endblock }}
{{ block content }}
<p>
    Zu Beginn des Experiments bitten wir Sie, <b>die folgenden Fragen wahrheitsgemäß zu beantworten</b>.
    Bitte beachten Sie, dass es bei diesen Antworten keine richtigen oder falschen Angaben gibt. Die Antworten
    beeinflussen weder Ihre variable Vergütung noch den weiteren Verlauf der Studie.
</p>
{{ for field in demo }}
    {{ formfield field}}
<br>
{{ endfor }}

<hr style="border-top:3px dashed black; background: transparent; opacity: 1 ">
<br>

<!-- importance table -->
<table class="importance-table">
    <tr>
        <th>Beantworten Sie bitte folgende Fragen. </th>
        <th>Antwortmöglichkeit</th>
        <th>Geben Sie bitte an, wie wichtig Ihnen die entsprechenden Faktoren für Ihre Identität sind.
        <p style="font-weight: normal">Legende: 1 (nicht wichtig), 5 (wichtig)</p></th>
    </tr>
    <tr>
        <td style="vertical-align: middle">{{ form.sex.label }}</td>
        <td style="vertical-align: middle">{{ form.sex }}</td>
        <td style="vertical-align: middle; min-width: 280px;">{{ form.importance_sex }}</td>
    </tr>
    <tr>
        <td style="vertical-align: middle">{{ form.migration_bg.label }}</td>
        <td style="vertical-align: middle">{{ form.migration_bg }}</td>
        <td style="vertical-align: middle">{{ form.importance_migration_bg }}</td>
    </tr>
    <tr>
        <td style="vertical-align: middle">{{ form.pol_views.label }}</td>
        <td style="vertical-align: middle">{{ form.pol_views }} </td>
        <td style="vertical-align: middle">{{ form.importance_pol_views}}</td>
    </tr>
</table>

<br>
<br>
<hr style="border-top:3px dashed black; background: transparent; opacity: 1 ">
<br>

<p>
    Bitte geben Sie Ihre persönliche Einstellung zu folgenden Aussagen an.
</p>
<table class="likert">
    <col span="1" class="wide">
    <tr>
        <th></th>
        <th>Stimme <br> nicht zu</th>
        <th>Stimme eher <br> nicht zu</th>
        <th>Neutral</th>
        <th>Stimme eher <br> zu</th>
        <th>Stimme <br> zu</th>
    </tr>

    <tr>
        <th></th>
        {{for choice in form.pers_inno1.choices}}
            <th>{{choice}}</th>
        {{endfor}}
    </tr>
    {{ for field in form }}
<!--    counter starts at 1 / skip non-Likert formfields -->
    {{ if forloop.counter > 11 }}
    <tr>
        <td class="likert_label">{{ field.label }}</td>
        {{ for choice in field }}
            <td class="likert_choice">{{ choice }}</td>
        {{ endfor }}
    </tr>
    {{ endif }}
    {{ endfor }}
</table>
<br>
<button id="next-button" class="otree-btn-next btn btn-primary">
    Weiter
</button>
{{ endblock }}