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

{% block title %}
    "Tweet" Ende 2020:
{% endblock %}

{% block content %}

    <div class="alert alert-secondary" role="alert">
            Kurz nachdem Sie Ihre Position Ende 2019 angepasst haben, wendet sich der Geschäftsführer der XY AG  mit
            folgendem “Tweet” an die Öffentlichkeit:
    </div>

    <center>
         {% if player.number == 1 or player.number == 3 %}
        <img src="{% static "MASTER_EXPERIMENT_OBEXER/Tweet_NEG_1.png" %}" width="600" height="300" alt="Tweet" style="border:2px solid #000000"/>
        {% else %}
        <img src="{% static "MASTER_EXPERIMENT_OBEXER/Tweet_POS_1.png" %}" width="600" height="300" alt="Tweet" style="border:2px solid #000000"/>
        {% endif %}
    </center>
    <br><br><br>

    <b> Portfolio Ende 2020:</b>

    <table class="table" border="2" cellspacing="10" cellpadding="20">

        <tr>
            <th>Aktien</th>
            <th>"Cash"</th>
            <th>Gesamtwert</th>
        </tr>

    <tr>
        <td>{{ player.stock_amount_1 }}</td>
        <td>{{ player.cash_amount_1 }}</td>
        <td>{{ player.final_wealth_1 }}</td>
    </tr>

    </table>
    <br><br>

    <h2> Fragen: </h2>

    <ol>
        <li>
            Wie haben sich Ihre Erwartungen bezüglich der Entwicklung des Aktienkurses der XY AG für das kommende Jahr
            verändert nachdem Sie den “Tweet” des Geschäftsführers gelesen haben?
            <br><br>
            {% formfield player.Beliefs_Tweet_1 label="<b>Erwartungshaltung</b> (-4 sinkt stark, +4 steigt stark, 0 keine signifikante Änderung)" %}
        </li>
        <br><br>
        <li>
            Würden Sie Ihre Position, nachdem Sie den “Tweet” des Geschäftsführers gelesen haben, verändern? Wenn ja, wie?
            Ihre derzeitige Position besteht aus <b>{{ player.stock_amount_1 }}</b> XY AG Aktien und <b>{{ player.cash_amount_1 }}</b> "cash".
            Wobei der Aktienkurs noch unverändert bei {{ player.stock_price_1 }} notiert. (Falls Sie keine Veränderungen vornehmen möchten klicken Sie bitte auf weiter.)
            <br><br>

            <label class="control-label" for="buyTweet1"><br/>Aktien&nbsp;kaufen:</label>
            <input class="form-control" name="buy_Tweet_1" id="buyTweet1" value="0">
            {{ form.buy_Tweet_1.errors }}
            <label class="control-label" for="sellTweet1"><br/>Aktien&nbsp;verkaufen:</label>
            <input class="form-control" name="sell_Tweet_1" id="sellTweet1" value="0">
            {{ form.sell_Tweet_1.errors }}
        </li>
    </ol>

    <script>
        var one = document.getElementById('buyTweet1');
        var two = document.getElementById('sellTweet1');

        //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 %}