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

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

{% block content %}

    <hr>
    <p class="res">
        You have completed the study.
    </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>

    <p class="res">
        You will receive the $10.00 fixed salary noted for completing the employee evaluation task. You also correctly decoded {{player.practice_num_decoded}}
        letters when practicing the task employees completed which, at a rate of
        25 points = $1.00, equates to additional compensation of ${{decoding_compensation}}. As such, the total "bonus" compensation you will
        receive is ${{total_compensation}}.
    </p>

    <p class="res">
        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 %}