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

{% block title %}
    Investitionsentscheidung
{% endblock %}

{% block styles %}
<style>
  .otree-form-errors {
    visibility: hidden;
    display: none;
}
</style>
{% endblock %}

{% block content %}

{% if form.errors %}
<div class="alert alert-danger" role="alert">
    <p class="alert-heading">Sie können nicht mehr als 10€ investieren.</p>
</div>
{% endif %}

<p>
    Bitte tragen Sie in die unten stehenden Felder ein, wie viel Sie in die jeweilige kreative Idee investieren wollen.
    Sie können alle Beträge zwischen 0 und 10 Euro wählen.
</p>

<div class="row">
    <div class="col-sm">
        <p>
            Innovator 1 hat seiner kreativen Idee folgende Note gegeben:
            <br>
            {{ promo1 }}
        </p>

        <p>
            {% formfield group.invest_dec5_i1 %}
        </p>
    </div>

    <div class="col-sm">
        <p>
            Innovator 2 hat seiner kreativen Idee folgende Note gegeben:
                <br>
            {{ promo2 }}
        </p>

        <p>
            {% formfield group.invest_dec5_i2 %}
        </p>
    </div>
</div>


<button class="otree-btn-next btn btn-primary">Weiter</button>

{% endblock %}