{% 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>
                        We would like you to participate in this activity with another participant.
                    </p>
                    <p>
                        You will each have to make 2 decisions. The computer will randomly choose which one of these decisions will determine the credits you receive.
                    </p>
                </div>
                <p>{{ partner }}</p>
                <div style="text-align: center"><b>Decision 1</b></div>
                <p style="text-align: center">We will allocate you {{ Constants.endowment }} credits.</p>
                <p>
                    1) You can give between 0 and {{ Constants.endowment }} of these credits to the other participant.
                    The quantity you give will be tripled.
                </p>
                <p>
                    2) From  this tripled quantity, the other participant must decide how much he wishes to return to you. 
                    The quantity returned to you by the other participant is not tripled.
                </p>
                <p>
                    <b>Your final credits</b> are calculated as follows: Your initial {{ Constants.endowment }} credits
                    <b>minus</b> your transfer to the other participant  <b>plus</b> what the other participant returned to you.
                </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>Decision 2</b></div>
                <p style="text-align: center">Now the other participant receives an endowment of {{ Constants.endowment }} credits.</p>
                <p>
                    1) He chooses the quantity he wishes to give you (between 0 and {{ Constants.endowment }} credits).
                    This quantity is tripled and then sent to you.
                </p>
                <p>
                    2) You then decide how much you want to return to the other participant.
                    This returned quantity is not tripled.
                </p>
                <p>
                    <b>Your final credits</b> are calculated as follows: credits sent by the other participant tripled
                     <b>minus</b> what you returned to the other 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>When you are ready to start with decision 1, press the "START" button.</p>
            </div>

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

{% endblock %}