{% 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 <b>for 4 rounds</b>. You will keep the same partner during the 4 rounds.
                </p>
            </div>
            <p>{{ partner }}</p>
            <p style="text-align: center">
                During each round, you will both receive an initial endowment of {{ Constants.endowment }} credit.
            </p>
            <div style="text-align: center"><b>Decision on your part</b></div>
            <p>
                You must decide how much of this initial endowment you want to transfer to the other participant (between 0 and 1 credit). 
                The transferred quantity will be doubled and the other participant will receive this doubled quantity. 
                What you choose not to transfer remains in your possession but will not be doubled. 
            </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>Decision (simultaneous) by your partner</b></div>
            <p>
                The other participant simultaneously makes the same decision and decides how much of the initial endowment to transfer to you (between 0 and 1 credit). You will receive double this transferred amount.
            </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>
                Your winnings in a round are calculated as the sum of what you keep (from your initial endowment) plus double what the other participant transfers to you.
            </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>
                At the end of each round, you will learn the decision made by the other participant and how many credits you have won during that round.
            </p>
        </div>
        <button class="otree-btn-next btn btn-primary">Start round {{ subsession.round_number }}</button>
    </div>
{% endblock %}