{% extends "global/WaitPage.html" %}
{% load staticfiles otree %}

{% block app_styles %}
{% endblock %}

{% block title %}
{% endblock %}

{% block content %}
    <p style="text-align: center">This is the end of the experiment.</p>

    <hr>
    {% if not dropout %}
        {% if mturk %}
            <p><strong>IMPORTANT:</strong> Please provide the following Participation Code to the MTurk HIT in order to receive credit for
                taking the experiment. </p>
            <p style="text-align:center"> <strong> Your Participation Code: {{ participant.code }}</strong> </p>
            <hr>
        {% endif %}
        <p style="text-align: center"> <strong> Payment Information </strong> </p>

        <div style="text-align: center">
            <p>Your Participation fee: {{ participation_fee }}</p>
            <p>Your bonus earnings: {{ payoff_in_points }} ({{ real_currency }}{{ payment|floatformat:2  }})</p>
            <p>Total Payment so far: {{ real_currency }}{{final_payment|floatformat:2 }}</p>

        </div>
        <p><strong>You will receive additional payment</strong> from the allocation task, which
            will be determined after the other participants are finished with the experiment.</p>
        <p>You can expect to receive your payment within 24 hours.</p>
        <p>You can close the browser after you have submitted the HIT with your participation code.</p>
    {% else %}
        <p>You will not receive any payment because you have dropped out from the experiment.</p>
    {% endif %}


    <hr>
    <p>Your earnings for each task is shown below.</p>

    <table class="table table-bordered">
        {% for info,payoff in payoff_info %}
        <tr>
            <td>
                {{ info }}
            </td>
            <td>
                {{ payoff }}
            </td>
        </tr>
        {% endfor %}
    </table>
</piv>
{% endblock %}