{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}


{% block title %}
    Task {{ round }} of {{ num_questions }}
    <h5>Decision Screen (1/2)</h5>
    <hr>
{% endblock %}

{% block content %}

    {% include "beliefs_default_manip/CardsBagsDrawIllustration.html" %}

    <h2>Decision 1: Your guess</h2>
    <hr>

    <p id="qn_post">
        Given that these balls were drawn, <b>how likely</b> do you think it is that Bag A {% if player.bags == 2 %}(as opposed to Bag B){% else %}(as opposed any of the Bags B, C etc. up to J.){% endif %} has been selected (in %)?
    </p>

    <p>
        I believe it is <b><input type="number" min="0" step="0.01" max="100" name="answer" id="answer" required style="font-weight: bold; border-radius: 4px; width: 40px; border-width: 1px; margin-left:7px"> %</b> likely that Bag A was selected.
    <p>

        <br>

    <div style="text-align: right;">
        <button type="submit" class="btn btn-primary" id="submit_posterior">Submit your guess</button>
    </div>

{% endblock %}