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

{% block title %}
    Exit-Screen
{% endblock %}

{% block content %}

    <div class="card bg-light instructions">
        <div class="card-body">
            <p>
                This is the final page of the experiment! Thank you very much for participating.
            </p>
            <p>Based on your performance in the experiment, {% if total_payoff == 0 %}you receive no payment{% endif %}{% if total_payoff > 0 %}your payment is {{ total_payoff }}{% endif %}.</p>
            <p>
                By clicking the "Finish" button below, you will be directed back to the mechanical Turk website{% if total_payoff > 0 %} and your work will be submitted and approved and you will receive your payment{% endif %}.
            </p>
        </div>
    </div>



    <button value="True" id="proceed" class="btn btn-primary btn-large">Finish</button>
{% endblock %}


{% block styles %}

    <style type="text/css">
    #proceed {
        float: right;
    }

    </style>

{% endblock %}