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

{% block title %}
    Anlageprodukt: <b> Aktien </b>
{% endblock %}

{% block content %}


<b>Wie viel Wissen haben Sie über dieses Anlageprodukt?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>sehr wenig</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.knowledge_stocks }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr viel</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>Für wie risikoreich halten Sie dieses Anlageprodukt?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>sehr niedriges Risiko</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.risk_stocks}}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr hohes Risiko</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>Im Vergleich zu einem Sparkonto (ca. 0.00% Zinsen), wieviel grösser sind die Erträge im Schnitt durch dieses Anlageprodukt?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>deutlich kleiner</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.benefit_stocks }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>deutlich grösser</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>Wie wahrscheinlich ist es, dass Sie in dieses Anlageprodukt investieren würden?</b>
<div class='page-wrapper'>
    <div class='row'>
        <div class='column'>
            <div class='anchor-left'>sehr unwahrscheinlich</div>
        </div>
        <div class='column3'>
            <div class='radio-buttons'>{{ form.invest_stocks }}</div>
        </div>
        <div class='column'>
            <div class='anchor-right'>sehr wahrscheinlich</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 %}