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

{% block title %}
{% endblock %}

{% block content %}

    {% if not qualified  %}
        <div style="text-align:center;font-size:16px">
            <h4>This is the end of the experiment.</h4>
            <p>You will not receive any payment because you did not pass the quiz.</p>
        </div>
    {% else %}
        <div style="text-align: center">
            <p>This is the end of the experiment.</p>
            <p> <strong> Payment Information </strong> </p>
            <table class="table table-bordered">
                <tr> <td>Fixed fee</td><td>{{ participation_fee }}</td> </tr>
                {% if treatment == 'UNEQ' %}
                    <tr> <td>Earnings from Task I</td><td>{{ real_currency }}{{ paymentI }}</td> </tr>
                    <tr> <td>Earnings from Task II</td><td>{{ real_currency }}{{ paymentII }}</td> </tr>
                    <tr> <td>Earnings from Task III</td><td>{{ real_currency }}{{ paymentIII }}</td> </tr>
                    <tr> <td>Earnings from Task IV</td><td>{{ real_currency }}{{ paymentIV }}</td> </tr>
                {% else %}
                    <tr> <td>Earnings from Task I</td><td>{{ real_currency }}{{ paymentI }}</td> </tr>
                    <tr> <td>Earnings from Task II</td><td>{{ real_currency }}{{ paymentII }}</td> </tr>
                {% endif %}

                <tr> <td>Total Payment </td> <td>{{ real_currency }}{{ final_payment|floatformat:2 }}</td> </tr>
            </table>
        </div>
    {% endif %}
{% endblock %}