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

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

{% block title %}
    Decision
{% endblock %}

{% block content %}
    <div class="wrapper textbox">
        <p>
            Consider the following economic programs A and B depicted in the pie chart below. The <b>first number</b>
            in each segment corresponds to the income that this individual would receive <b>under program A</b>.
            Respectively, the <b>second number</b> in each segment corresponds to the income that the same
            individual would receive <b>under program B</b>.
        </p>
        <center><img align="middle" src="{{ url1 }}" alt="Pie Charts" class="center" style="width:400px;"></center>
    </div>

    <div class="wrapper attentionbox">
            {% formfield player.dec1 %}
    </div>

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

{% endblock %}