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



{% block title %}
    Final Screen and Results
{% endblock %}

{% block content %}

{% load otree_tags staticfiles %}

<div class="instructions well well-lg">

    <h2 class="panel-sub-heading">
        
    </h2>

    <link rel="stylesheet" type="text/css"
          href="{% static 'global/matrix.css' %}"/>

    <p>
      Thank you for participating in the study! <br>
        Your final total payoff is <b> {{ final_payoff }}</b>.
        Here is an overview of what your final total payoff consists of:
        <ul class="list-unstyled">
            <ul>
                <li>Your participation fee is <b>{{ Constants.fixed_payoff }}</b>.</li>
                <li> You solved correctly <b>{{ final_total_correct }}</b> {% if final_total_correct == 1 %} matrix
                    {% else %} matrices{% endif %}. This number was multiplied by
                    <b>{{ Constants.matrix_rate }}</b> which gives <b>{{ final_reward_task }}</b>.</li>
            </ul>
    </ul>

    </p>
    <p>If you have any questions about this study, please send an email to mleszczynska@tamu.edu </p>
</div>
<div class="alert alert-warning" role="alert">
    <h5 class="alert-heading">Please click the button below to finish the study!</h5>
    <hr>
    <p class="mb-0"> Upon clicking the button, you will be redirected back to Prolific website.<br><b>Only this way we will know that you completed the study!</b>
    </p>
</div>

<a href = " {{ completion_url }}" class="btn btn-primary" type="submit" role="button">Finish!</a>
{% endblock %}