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

{% block title %}
    Fragebogen
{% endblock %}

{% block styles %}
    <link rel="stylesheet" href="{% static "pgg/pgg.css" %}"/>
    <style type="text/css">
        #id_strategy {
            max-width: 100%;
            height: 5em;
        }
    </style>
{% endblock styles %}

{% block content %}
    <p>
        <b>Bitte beantworten Sie zunächst die folgende Frage zu Ihrem Verhalten während des Spiels.</b>
    </p>
    <p>
        <label>{{ form.strategy.label }}<br>
        <em>Bitte schreiben Sie maximal drei Sätze.</em></label>
        {{ form.strategy }}
        {{ form.strategy.errors }}
    </p>
    
    <p>&nbsp;</p>
    
    <p>
        <b>Bitte beantworten Sie nun folgende Fragen zu Ihrer Person.</b><br>
        Wir werden diese Informationen nur zu Forschungszwecken verwenden. Sie werden anonym behandelt.
        {% formfield player.age %}
        {% formfield player.gender %}
        {% formfield player.major %}
        {% formfield player.risk %}
        {% formfield player.patience %}
        {% formfield player.social_preference %}
    </p>

    {% next_button %}

{% endblock %}