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

{% block title %}
    Conclusion
{% endblock %}

{% block content %}
    <div class="info_box">
        <div class="header">
            <p class="formatting_header">
                Information:
            </p>
        </div>
        <div class="content">
            <p class="formatting_content">
                On this page, we want to inform you about your earnings.
                {%  if player.experiment == 'BE' %}
                    While the participation fee will be paid immediately, your additional earnings will be paid in the
                        form of a bonus.
                {%  endif %}
                {%  if player.experiment == 'NEE' %}
                    While the participation fee will be paid immediately, your additional earnings will be paid in the
                        the form of a bonus.
                    Hereby, you should note that there may be some slight delays in the payment of the bonus.
                    The reason for this is that your earnings in Part 2 depend on the answers of all other
                        participants.
                    Consequently, we first need to collect all the data we need.
                {%  endif %}
            </p>
        </div>
    </div>
    <div class="task_box">
        <div style="margin: 25px">
            <b>Overview:</b>
            <table style="margin: 25px" width="95%">
                <tr class="table">
                    <td width="30%"><b>Source</b></td>
                    <td width="20%"><b>Earnings</b></td>
                    <td><b>Explanation</b></td>
                </tr>
                <tr class="table">
                    <td width="30%">Participation Fee:</td>
                    <td width="20%">{{player.participation_fee}}</td>
                    <td></td>
                </tr>
                {% if player.experiment == 'BE' %}
                    <tr class="table">
                        <td width="30%">Results from Part 1:</td>
                        <td width="20%">
                            {{ITG_profit}}
                        </td>
                        <td>
                            {% if ITG_correct == True %}Your answer was correct{% endif %}
                            {% if ITG_correct == False %}Your answer was wrong{% endif %}
                        </td>
                    </tr>
                    <tr class="table">
                        <td width="30%">Results from Part 3:</td>
                        <td width="20%">{{RFT_profit}}</td>
                        <td>You placed {{RFT_balls_in_blue}} balls in the blue bucket ({{player.RFT_blue_bonus}}
                            per ball) and {{RFT_balls_in_yellow}} balls in the yellow bucket ({{player.RFT_yellow_bonus}}
                            per ball) </td>
                    </tr>
                {% endif %}
                {% if player.experiment == 'NEE' %}
                    <tr class="table">
                        <td width="30%">Results from Part 1:</td>
                        <td width="20%">
                            {{ITG_profit}}
                        </td>
                        <td>
                            {% if ITG_correct == True %}Your answer was correct{% endif %}
                            {% if ITG_correct == False %}Your answer was wrong{% endif %}
                        </td>
                    </tr>
                    <tr class="table">
                        <td width="30%">Results from Part 2:</td>
                        <td width="20%">{{0|c}} or {{player.NE_bonus}}</td>
                        <td>Determined after all participants finish the study</td>
                    </tr>
                {% endif %}
            </table>
        </div>
    </div>
    <div class="button_box">
        <br>
        <span style="margin-right: 10px"> Click on the "Continue" button to continue with the study! </span>
        <input class="btn btn-primary" type="submit" value="Continue"/>
        <br><br>
    </div>
{% endblock %}