{% 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>
                        Dans ce jeu, nous vous proposons d’interagir avec un autre participant.
                    </p>
                    <p>
                        Vous aurez chacun à prendre 2 décisions.
                    </p>
                </div>
                <p>{{ partner }}</p>
                <div style="text-align: center"><b>Décision 1</b></div>
                <p style="text-align: center">Nous vous allouons {{ Constants.endowment }} crédits.</p>
                <p>
                    1/ Vous pouvez envoyer entre 0 et {{ Constants.endowment }} de ces crédits à l’autre participant.
                    La quantité que vous envoyez sera triplée.
                </p>
                <p>
                    2/ Parmi cette quantité triplée, l’autre participant doit décider
                    combien il souhaite vous renvoyer à son tour. La quantité qui vous
                    est renvoyée par l’autre participant n’est pas triplée.
                </p>
                <p>
                    <b>Vos crédits finaux</b> sont calculés de la façon suivante : Vos {{ Constants.endowment }} crédits
                    initiaux <b>moins</b> votre transfert à l’autre participant <b>plus</b> ce que l’autre
                    participant vous a renvoyé.
                </p>
                <div style="position: relative">
                    <img src="{% static "trust/trust_1.png" %}"
                         width="80%" style="margin-right: auto; margin-left: auto; display: block">
                </div>
                <br>
                <div style="text-align: center"><b>Décision 2</b></div>
                <p style="text-align: center">A présent, l’autre participant reçoit une dotation de {{ Constants.endowment }} crédits.</p>
                <p>
                    1/ Il choisit la quantité qu’il souhaite vous envoyer (entre 0 et {{ Constants.endowment }} crédits).
                    Cette quantité est triplée puis vous est envoyée.
                </p>
                <p>
                    2/ Vous décidez ensuite combien vous souhaitez renvoyer à
                    l’autre participant. Cette quantité retournée n’est pas triplée.
                </p>
                <p>
                    <b>Vos crédits finaux</b> sont calculés de la façon suivante : les crédits
                    envoyés par l’autre participant triplés <b>moins</b> ce que vous avez renvoyé à l’autre participant.
                </p>
                <div style="position: relative">
                    <img src="{% static "trust/trust_2.png" %}"
                         width="80%" style="margin-right: auto; margin-left: auto; display: block">
                </div>
                <br>
                <p>Quand vous êtes prêt à commencer avec la décision 1, appuyez sur le bouton commencer.</p>
            </div>

        <button class="otree-btn-next btn btn-primary">Commencer</button>
    </div>

{% endblock %}