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

{% block styles %}
    <link href="{% static 'css/custom.css' %}" rel="stylesheet"/>
{% endblock %}

{% block title %}
    Prediction {{ round }}
{% endblock %}

{% block content %}
    <div class="wrapper textbox">
        <p>
            <b>Stock price development</b> of the chosen stock <b>five days prior</b> to the day (based on the
            <b>closing prices</b> on <b>two consecutive trading days</b>):
        </p>
    </div>
    <div class="wrapper textbox">
        <p>
            Day 1: <b>{{ d1 }}</b><br> Day 2: <b>{{ d2 }}</b><br> Day 3: <b>{{ d3 }}</b><br> Day 4: <b>{{ d4 }}</b><br> Day 5: <b>{{ d5 }}</b>
        </p>
    </div>
    <div class="wrapper attentionbox">
        <p>
            Compared to the closing price at <b>day 5</b>, I predict that the price at the end of <b>day 6</b> goes
            {% formfield player.prediction %}
        </p>
    </div>

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

{% endblock %}