{% extends "global/Page.html" %}
{% load otree %}

{% block styles %}
    <style>
        .otree-timer {
            display:none;
        }
    </style>
{% endblock %}

{% block title %}
Sozialpsychologie Heidelberg
{% endblock %}

{% block content %}
<div class="outerHeadDiv">

    <!-- Hier muss der Titel für die Seite rein (der dann groß und rot angezeigt wird) -->
    <span class="innerHeadDivText new-title">
        Allgemeine Fragen
    </span>

    <div class="innerHeadDivLogo">
        <img src="{% static 'Simpson/unihei_color.jpg' %}" class="logo"/>
    </div>

</div>
<hr>

<p>
    <b>Nun möchten wir Sie bitten ein paar kurze generelle Fragen zu beantworten.</b>
</p>



<!-- Frage 5.1 -->
{% formfield player.studieBekannt %}
<hr>

<!-- Frage 5.3 -->
<div>
    Wie häufig nutzen Sie Chats (z.B. Whatsapp, Facebook, etc.)?
</div>
<div class="form-check-inline" style="margin-bottom:3%; margin-top:0.8%">
    <div>Sehr selten</div>
    <div style="margin: 3px"></div>

    {{ form.chatNutzung }}

</div>

<!-- Frage 5.4 -->
<div>
    Wie würden Sie Ihre Geschwindigkeit beim Tippen einschätzen?
</div>
<div class="form-check-inline" style="margin-bottom:3%; margin-top:0.8%">
    <div>Sehr langsam</div>
    <div style="margin: 3px"></div>

    {{ form.tastaturNutzung }}

</div>

<!-- Frage 5.5 -->
<div>
    Wie empfanden Sie die Zeit im Chat?
</div>
<div class="form-check-inline" style="margin-bottom:3%; margin-top:0.8%">
    <div>zu kurz</div>
    <div style="margin: 3px"></div>

    {{ form.chatZeit }}

</div>

<hr>

<!-- Frage 5.6 -->
{% formfield player.Polizeigewalt %}
<!-- Frage 5.7 -->
{% formfield player.Rassismus %}


<br>
<button class="otree-btn-next btn btn-primary" style="background-color:#D11222; border-color:#ffffff">Weiter</button>

<hr>
<p> <a href="mailto: lob@stud.uni-heidelberg.de" target="_blank" style="color:#D11222">Aaron Lob</a>, Universität Heidelberg  - 2020</p>

{% endblock %}