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

{% block title %}
{% endblock %}

{% block content %}
    <div class="wrapper">
        <div class="wrapper instructions">
            <div style="text-align: center">
                <p>
                    Nous vous proposons je jouer avec un autre participant <b>pendant 4 tours</b>.
                </p>
                <p>
                    Vous gardez le même partenaire pendant les 4 tours.
                </p>
            </div>
            <p>{{ partner }}</p>
            <p style="text-align: center">
                A chaque tour, vous recevez tous les deux une dotation initiale de {{ Constants.endowment }} crédit.
            </p>
            <div style="text-align: center"><b>Décision de votre part</b></div>
            <p>
                Vous devez décider combien de cette dotation initiale vous souhaitez transférer à
                l’autre participant (entre 0 et 1 crédit). La quantité transférée sera doublée et
                l’autre participant recevra cette quantité doublée. Ce que vous choisissez de ne pas
                transférer reste en votre possession mais ne sera cependant pas doublé.
            </p>
            <div style="position: relative">
                <img src="{% static "cooperation/cooperation_1.png" %}"
                     width="80%" style="margin-right: auto; margin-left: auto; display: block">
            </div>
            <br>
            <div style="text-align: center"><b>Décision (simultanée) de la part de votre partenaire</b></div>
            <p>
                L’autre participant prend simultanément la même décision. Il décide combien de sa
                dotation initiale il souhaite vous transférer (entre 0 et 1 crédit).
                Vous recevrez le double de cette quantité transférée.
            </p>
            <div style="position: relative">
                <img src="{% static "cooperation/cooperation_2.png" %}"
                     width="80%" style="margin-right: auto; margin-left: auto; display: block">
            </div>
            <br>
            <p>
                Vos gains sur un tour sont calculés comme la somme de ce que vous gardez
                (parmi votre dotation initiale) plus le double de ce que l’autre participant vous transfère.
            </p>
            <div style="position: relative">
                <img src="{% static "cooperation/cooperation_3.png" %}"
                     width="80%" style="margin-right: auto; margin-left: auto; display: block">
            </div>
            <br>
            <p>
                A la fin de chaque tour, vous pourrez connaître la décision prise par l’autre participant
                et combien de crédits vous avez gagné sur ce tour.
            </p>
        </div>
        <button class="otree-btn-next btn btn-primary">Commencer le tour {{ subsession.round_number }}</button>
    </div>
{% endblock %}