{% 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">

    <span class="innerHeadDivText new-title">
        Abschließende Fragen
    </span>

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

</div>
<hr>

<h4>Einige allgemeine Fragen</h4>

<p style="text-align:justify;">
    <b>Bitte beantworten Sie ein paar Fragen zu Ihrer Person.</b>
</p>

{% formfield player.effort %}
{% formfield player.age %}
{% formfield player.gender %}
{% formfield player.employment %}
{% formfield player.subject %}
{% formfield player.trustHuman %}

<br>

<p style="text-align:justify">
    Möchten Sie uns noch etwas mitteilen oder haben Sie <b>Anmerkungen</b>, die Sie uns zukommen lassen möchten?
    <br>
</p>

<div class="form-group">
    <label class="col-form-label" for="id_anmerkungen" style="display:none;"></label>
    <div class="controls field-anmerkungen">
        <textarea style="max-width:940px;" name="anmerkungen" rows="10" cols="100%" id="id_anmerkungen" class="form-control">
        </textarea>
    </div>
</div>

<br>
<hr>
<br>
<h5>Information</h5>

<p style="text-align:justify;">
    Wir möchten uns ganz herzlich für Ihre Mithilfe bedanken.
    Bitte beachten Sie, dass alle Medikamente, sowie die Artikel und Befunde rein fiktiv
    und nur zum Zwecke dieser Untersuchung waren.
    <br>
    Falls Sie sich in einem Gruppenchat ausgetauscht haben:
    Sie haben wirklich mit anderen Personen interagiert und gemeinsam eine Entscheidung getroffen.
</p>
<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 %}