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

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
        <p class="text-center">
            Veuillez choisir combien de votre dotation initiale (entre 0 et 1 crédit)
            vous souhaitez transférer à l’autre participant.
        </p>
        <div class="form-inline">{% 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 %}