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

{% block title %}
{% endblock %}

{% block content %}

    <div style="text-align: center">
        <p>This is the end of the experiment.</p>
        <hr>
        {% if not dropout and qualified %}
            {% if not matched %}
                <p>Unfortunately, you were not able to be matched with another participant, so the experiment has to end.</p>
                <p>If you are interested, contact the requester for the possibility of signing you up for another session.</p>
            {% endif %}
            {% if mturk %}
                <p><strong>IMPORTANT:</strong> Please provide the following Participation Code to the MTurk HIT in order to receive payment.</p>
                <p style="text-align:center"> <strong> Your Participation Code: {{ participant.code }}</strong> </p>
                <hr>
            {% endif %}
            {% if matched and not dropout %}
                <p> <strong> Payment Information </strong> </p>
                <p>Participation fee: {{ participation_fee }}</p>
                <p>Bonus Payment: {{ real_currency }}{{ bonus_payment|floatformat:2 }}</p>
                <p>Total Payment: {{ real_currency }}{{ final_payment|floatformat:2 }}</p>
                        <p>You can expect to receive your payment within 24 hours.</p>

        <hr>
        <p>Your earnings for each task is shown below.</p>
        <table class="table table-bordered">

            {% for info,payoff in payoff_info %}
                <tr>
                    <td class="lottery">
                        {{ info }}
                    </td>
                    <td class="sure_payoff">
                        {{ payoff }}
                    </td>
                </tr>
            {% endfor %}
        </table>
            {% endif %}
        {% elif dropout %}
            <p>You will not receive any payment because you have dropped out from the experiment.</p>
        {% elif not qualified %}
            <p>You will not receive any payment because you did not pass the quiz.</p>
        {% endif %}
    </div>

{% endblock %}