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

{% block title %}
<div class = "media">
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQUUaGBWa2FVgiG1VRJlojqfX4g_4sZyYjy0tsamM5BTMRTLl6j&usqp=CAU" class = "float-left" width="200px" />
</div>
    Initial Income
{% endblock %}

{% block content %}

<div class= "container-fluid">
    <div class = "row">
        <h3 class = "col-sm-12 text-center"> Your initial income was assigned to be </td><td> ${{ player.initial_income }}.</td></tr>
            <h3 class = "col-sm-12 text-center"> </h3>
            <h3 class = "col-sm-12 text-center"> 
                {% if player.initial_income == 50 %}
                The other incomes in your group will be $80 and $110.
                {% elif player.initial_income == 80 %}
                The other incomes in your group will be $50 and $110.
                {% else %}
                The other incomes in your group will be $50 and $80.
                {% endif %} 
    
                </h3>
            </div>   
        </div> 
    
        {% next_button %}
    
    {% endblock %}