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

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
            <div class="wrapper instructions">
                <p>
                    Veuillez indiquer combien (entre 0 et {{ Constants.endowment }} crédits)
                    vous souhaitez transférer à l’autre participant.
                    Souvenez-vous que cette quantité transférée est triplée et que l’autre
                    participant peut vous en renvoyer une partie ensuite.
                </p>
            </div>

        <div align="center">
            <label>Je transfère :<br> (Veuillez utiliser des multiples de 0.50)</label>
            {% formfields %}
        </div>

        <button class="otree-btn-next btn btn-primary">Confirmer</button>
    </div>
{% endblock %}

{% block scripts %}
    <script>
        $(function () {
            $("input[type=number]").wrap('<div class="input-group input-group-narrow">').parent().
            append('<div class="input-group-append"><span class="input-group-text">crédit(s)</span></div>');
        });
    </script>
{% endblock %}