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

{% block title %}
    Bewertung eigener Fähigkeiten
{% endblock %}

{% block content %}

Unten sind zwei Fähigkeiten aufgelistet. Bitte geben Sie an, wie hoch Sie Ihre eigenen Fähigkeiten in dem entsprechenden Bereich einschätzen.
Dies ist kein Test, es gibt also keine falschen Antworten.
<br><br>

<b>Ihre mathematischen Fähigkeiten</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>sehr gering</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.abilities_math }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr hoch</div>
        </div>
    </div>
    <div class='row'>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
        <div class='column2-long'>
            <div class='choices'>0</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>1</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>2</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>3</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>4</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>5</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>6</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>7</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>8</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>9</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>10</div>
        </div>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
    </div>
</div>
<br><br>


<b>Ihr Finanzwissen</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>sehr gering</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.abilities_fin }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr hoch</div>
        </div>
    </div>
    <div class='row'>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
        <div class='column2-long'>
            <div class='choices'>0</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>1</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>2</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>3</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>4</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>5</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>6</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>7</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>8</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>9</div>
        </div>
        <div class='column2-long'>
            <div class='choices'>10</div>
        </div>
        <div class='column'>
            <div class='blank-column'></div>
        </div>
    </div>
</div>
<br><br>

    {% next_button %}

{% endblock %}