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

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
            <div class="wrapper instructions">
                <p>
                    Please indicate how many (between 0 and {{ Constants.endowment }} credits)
                    you wish to transfer to the other participant. 
                    Remember that this transferred quantity is tripled and that the other 
                    participant can return part of it to you afterwards.
                </p>
            </div>

        <div align="center">
            <label>I am transferring:<br>Please use multiples of 0.50</label>
            {% formfields %}
        </div>

        <button class="otree-btn-next btn btn-primary">Confirm</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">credit(s)</span></div>');
        });
    </script>
{% endblock %}