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

{% block title %}
    Decision {{player.decision_number}}
{% endblock %}

{% block content %}
<style>
    .div1{
        visibility: hidden;
    }
    .div2{

    }
</style>
<p>
    Your potential earnings are <b>{{player.potential_earnings}}</b>.
</p>
<p>
    The total number of balls drawn so far is: <b>{{player.num_balls_drawn}}</b>.
</p>
<p>
    The total number of red balls drawn so far is: <b>{{player.num_red_drawn_so_far}}</b>.
    </p>
<div class="{{player.divclass}}">
<p>
    The color of the ball drawn in this round is: <b><font color={{player.col_label}}>{{player.col_label}}</font></b>.
    </p>
{% include 'confidence_stopping/ball_hist.html' %}
    <p> {% include Constants.dec_instructions %}
</p>
</div>
<div class="{{player.divclass2}}">
<p>
    {% include Constants.dec_initial_instructions %}
</p>
    </div>
<p>
    {% formfield player.judgment_call_yes %}
</p>

    {% next_button %}

{% endblock %}