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

{% block title %}
    Kursentwicklung 2019:
{% endblock %}

{% block content %}
    <div class="alert alert-secondary" role="alert">
        <p>
            Stellen Sie sich vor Sie halten derzeit <b>{{ Constants.endowment_stock }}</b> Aktien der XY AG.
            Der Aktienkurs der XY AG notiert bei <b>{{ player.stock_price_1 }}</b> pro Stück.
            Zusätzlich haben Sie <b>{{ Constants.endowment_cash }}</b> für weitere Investitionen zur Verfügung.
        </p>
        <p>

            Die XY AG ist ein in Deutschland ansässiges Technologieunternehmen.
            Der deutsche Markt ist gerade in einer Aufschwungphase.
            Zwischen Januar und Dezember 2019 ist der DAX um 120 Basispunkte (1,2%) gestiegen, das BIP-Wachstum beträgt 1,5%
            und die Arbeitslosenrate ist gesunken.
        </p>
        <p>
            In dieser Marktsituation hat sich der Aktienkurs der XY AG folgendermaßen entwickelt:
        </p>
    </div>

    {% include 'MASTER_EXPERIMENT_OBEXER/KursNeutral_T0_T1.html' %}

    <p>
        Stellen Sie sich vor es ist der <b>31. Dezember 2019</b>…
    </p>

    <h2> Fragen: </h2>

    <ol>
        <li>
            Was sind Ihre Erwartungen bezüglich der Entwicklung des Aktienkurses der XY AG für das kommende Jahr,
            also für den 31. Dezember 2020?
            <br><br>
            {% formfield player.Beliefs_1 label="<b>Erwartungshaltung</b> (-4 sinkt stark, +4 steigt stark, 0 keine signifikante Änderung)" %}
        </li>
        <br><br>
        <li>
            Es eröffnet sich Ihnen die Möglichkeit Ihr Portfolio anzupassen. Ihre aktuelle Position besteht aus
            <b>{{ Constants.endowment_stock }}</b>  XY AG Aktien,
            notierend bei {{ player.stock_price_1 }} pro Stück und <b>{{ Constants.endowment_cash }}</b> in “cash”.
            Wie viel Aktien möchten Sie kaufen bzw. verkaufen? (Für keine Veränderungen klicken Sie bitte einfach auf weiter.)
            <br><br>

            <label class="control-label" for="buy1"><br/>Aktien&nbsp;kaufen:</label>
            <input class="form-control" name="buy_1" id="buy1" value="0">
            {{ form.buy_1.errors }}
            <label class="control-label" for="sell1"><br/>Aktien&nbsp;verkaufen:</label>
            <input class="form-control" name="sell_1" id="sell1" value="0">
            {{ form.sell_1.errors }}
        </li>
    </ol>

    <script>
        var one = document.getElementById('buy1');
        var two = document.getElementById('sell1');

        //checks instantly
        var checker = setInterval(function() {
            if(two.value !== '0') {
              one.readOnly = true
            } else {
              //when its clear, it enabled again
              one.readOnly = false;
            }
            if(one.value !== '0') {
              two.readOnly = true
            } else {
              two.readOnly = false;
            }
        }, 30);
    </script>

    <button value="True" class="btn btn-primary btn-large">Weiter</button>

{% endblock %}