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

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
        <div class="wrapper instructions">
            <p>
                You have correctly positioned {{ player.centered_sliders }} slider(s).
            </p>
            {% if player.compete_decision == 1 %}
                <p>
                    You have chosen option B (activity against another participant).
                    This other participant managed to correctly place
                    {% if player.centered_sliders < centered_sliders_by_other %}
                        more sliders than you so you don't get anything.
                    {% else %}
                        less sliders than you so you get {{ player.payoff|floatformat:"-1" }} credit(s).
                    {% endif %}
                </p>
            {% else %}
                You have chosen option A, so you receive "{{ Constants.bonus_fix|floatformat:"-1" }} credit(s)" per slider,
                or "{{ player.payoff|floatformat:"-1" }} total credit(s)".
            {% endif %}
        </div>

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