{{ block title }}Generelle Einstellung gegenüber Künstlicher Intelligenz{{ 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>
        <b>Nun möchten wir Sie bitten, einige Fragen zu Ihrer generellen Einstellung gegenüber Künstlicher Intelligenz zu beantworten.</b>
    </p>
    <p>
        Geben Sie nun bitte Ihre persönliche Einschätzung zu den folgenden Fragen.
    </p>
<br>


<div>
    <table class="likert">
        <col span="1" class="wide">
        <tr>
            <th></th>
            <th>Stimme gar nicht zu</th>
            <th>Stimme nicht zu</th>
            <th>Stimme eher nicht zu</th>
            <th>Neutral</th>
            <th>Stimme eher zu</th>
            <th>Stimme zu</th>
            <th>Stimme voll und ganz zu</th>
        </tr>
        <tr>
            <th></th>
            {{for choice in form.ATAI_fear.choices}}
            <th>{{choice}}</th>
            {{endfor}}
        </tr>
        <tr>
            <td class="likert_label">{{ form.ATAI_fear.label }}</td>
            {{ for choice in form.ATAI_fear }}
            <td class="likert_choice">{{ choice }}</td>
            {{ endfor }}
        </tr>
        <tr>
            <td class="likert_label">{{ form.ATAI_trust.label }}</td>
            {{ for choice in form.ATAI_trust }}
            <td class="likert_choice">{{ choice }}</td>
            {{ endfor }}
        </tr>
        <tr>
            <td class="likert_label">{{ form.ATAI_destroy_humankind.label }}</td>
            {{ for choice in form.ATAI_destroy_humankind }}
            <td class="likert_choice">{{ choice }}</td>
            {{ endfor }}
        </tr>
        <tr>
            <td class="likert_label">{{ form.ATAI_benefit.label }}</td>
            {{ for choice in form.ATAI_benefit }}
            <td class="likert_choice">{{ choice }}</td>
            {{ endfor }}
        </tr>
        <tr>
            <td class="likert_label">{{ form.ATAI_job_loss.label }}</td>
            {{ for choice in form.ATAI_job_loss }}
            <td class="likert_choice">{{ choice }}</td>
            {{ endfor }}
        </tr>
    </table>
</div>

<br>
<br>

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

{{ endblock }}