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


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

{% block content %}

    <div class="wrapper instructions">
        <p> Vous pouvez encore gagner jusqu'à {{player.maxpayoff}} points. </p>
        <p> Il vous reste {{player.endowment}} points. <br>
            Tirer une boule vous coûtera {{ Constants.info_cost}} point. </p>

        <p> Pour rappel :
        <ul>
            <li> L'urne A contient 4 boules noires et 6 boules blanches </li>
            <li> L'urne B contient 6 boules noires et 4 boules blanches </li>
        </ul>
        </p>
        <p> Voulez-vous tirer une boule ? </p>
        <button name="sampling" value="Oui"> Oui </button>
        <button name="sampling" value="Non"> Non </button>
        <p></p>

    </div>

{% endblock %}