{% extends "global/Page.html" %}

{% block title %}
    Finished!
{% endblock %}

{% block content %}

    <hr>
    <p class="res">
        You have completed the study. Below you will find information about the task you completed.
    </p>
    <p class="res">Your completion code is: <span class="resultlabel">CMCNBOK1</span>

    <p class="res">You will be automatically redirected to Prolific's completion page in a moment, but please write this code down in case Prolific does not
    automatically capture it. Once your participation
        is confirmed, your account will receive your compensation within two business days, which will include your participation fee attached to your
        "approved" work and the additional compensation you earned during the study, as noted below. </p>
    <br>
    <p>
        You earned a total of {{ player.total_points }} points in this study. At a rate of 100 points = $1.00, this
        means you will receive (in addition to your participation fee of $3.00), bonus compensation
        in Prolific of ${{ player.total_compensation }}.
    </p>

    <p>
        Please do not discuss the full details of this study with anyone else, as others may be completing it at a later time.
    </p>
    <p class="resultlabel">
        Thank you so much for your participation!
    </p>


    <hr>






{% endblock %}


{% block styles %}
    <STYLE TYPE="text/css">
        .indented { padding-left: 50pt; padding-right: 50pt; font-weight: normal !important;}
        .tabmarg {margin-left: 80px}
        .res{
            font-size: large;}
        .resindent{
            font-size: large;
            padding-left: 50pt
        }
        .resultlabel{
            color: #1B232F;
            font-size: large;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .resultlabelsm{
            color: #1B232F;
            font-weight: bold;
            background-color: #FFDDD8;
        }
        .norm{
            font-size: medium;
        }
        table, tr, td {
            border: 1px solid;
            padding: 2px;
            border-spacing: 1px;
        }
    </STYLE>
{% endblock %}

{% block scripts %}

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
 <script>

$(document).ready(function() {

    setTimeout(function() {
        window.location.replace("https://app.prolific.com/submissions/complete?cc=CMCNBOK1");
    }, 20000);

});


 </script>


{% endblock %}