{% 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>
            {% if dropout  %}
                            <p>Because you have dropped out, you will not receive any payment for the experiment.</p>
            {% else %}
                <p>You will not receive any payment because you did not pass the quiz.</p>
            {% endif %}
        </div>
    {% else %}
    <div style="text-align:center;font-size:20px">
        <h4 style="text-align: center">Quiz Results</h4>
        {% if quiz_attempts != 0 %}
            <p>You had {{ player.wrong_attempts }} wrong attempt(s) before getting all the answers correct.</p>
            </div>
                <div style="text-align:center;font-size:18px">
                    <p>
                        Click "Next" to continue with the experiment.
                    </p>
                </div>
        {% else %}
            </div>
                <div style="text-align:center;font-size:18px">
                    <p>
                        You have completed the quiz successfully in the allocated time.
                    </p>
                    <p>
                        Click "Next" to start the actual experiment.
                    </p>
                </div>
        {% endif %}

    <br/>
    <div style="text-align:right">
        {% next_button %}
    </div>
    {% endif %}

{% endblock %}