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


{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}
{% block styles %}
    <link href="{% static 'Results_New/css/custom.css' %}" rel="stylesheet"/>
{% endblock %}

{# ****************************************************************************************************************** #}
{# *** SCRIPTS *** #}
{# ****************************************************************************************************************** #}
{% block scripts %}
    <script type="text/javascript">
        // Pressing enter does not submit the form.
        $(document).ready(function() {
            $(window).keydown(function(event){
                if ((event.keyCode == 13) || (event.keyCode == 32)){
                event.preventDefault();
                return false;
               }
            });
        });
    </script>
{% endblock %}

{# ****************************************************************************************************************** #}
{# *** TITLE *** #}
{# ****************************************************************************************************************** #}
{% block title %}
    {% trans "Final Results" %}
{% endblock %}


{# ****************************************************************************************************************** #}
{# *** CONTENT *** #}
{# ****************************************************************************************************************** #}
{% block content %}
<script>
    d = new Date();
    d_28 = new Date(d.setDate(d.getDate() + 28));

    var weekday = new Array(7);
    weekday[0] = "dimanche";
    weekday[1] = "lundi";
    weekday[2] = "mardi";
    weekday[3] = "mercredi";
    weekday[4] = "jeudi";
    weekday[5] = "vendredi";
    weekday[6] = "samedi";

    var month = new Array();
    month[0] = "janvier";
    month[1] = "février";
    month[2] = "mars";
    month[3] = "avril";
    month[4] = "mai";
    month[5] = "juin";
    month[6] = "juillet";
    month[7] = "août";
    month[8] = "septembre";
    month[9] = "octobre";
    month[10] = "novembre";
    month[11] = "décembre";

    var weekday_28 = weekday[d_28.getDay()];
    var month_28 = month[d_28.getMonth()];

    var date_28 = d_28.getDate() + " " + month_28 + " " + d_28.getFullYear();
</script>

    <div style="font-size: 18px" align="center">
        Your ID participant is : {{id}}
    </div>
    <div class="wrapper instructions" align="justify">

        {% if orig_payment >= 10 %}
            {% if payment_tomorrow > 0 %}
            <p>
                You have now completed all the tasks for today.
                Thank you for your participation.
                <br><br>
                In the first part, you earned <b>{{payment_risk}}</b>.<br>
                In the second part, you earned <b>{{payment_time}}</b>.<br>
                The total amount you earned in this study is: <b>{{total_payment}}</b>.<br><br>
                This amount will be paid as follows: <b>{{payment_today}}</b> will be paid to you today, and
                <b>{{payment_tomorrow}}</b> will be paid to you <b>tomorrow</b>.
                Please note that all payments will be made via PayPal.
            </p>
            {% endif %}
            {% if payment_tomorrow == 0 %}
            <p>
                You have now completed all the tasks for today.
                Thank you for your participation.
                <br><br>
                In the first part, you earned <b>{{payment_risk}}</b>.<br>
                In the second part, you earned <b>{{payment_time}}</b>.<br>
                The total amount you earned in this study is: <b>{{total_payment}}</b>.<br><br>
                This amount will be paid as follows: <b>{{payment_today}}</b> will be paid to you today, and
                <b>{{payment_4w}}</b> will be paid to you in 4 weeks on <b><script> document.write(date_28); </script></b>.
                Please note that all payments will be made via PayPal.
            </p>
            {% endif %}
        {% endif %}

        {% if orig_payment < 10 %}
            {% if payment_tomorrow > 0 %}
            <p>
                You have now completed all the tasks for today.
                Thank you for your participation.
                <br><br>
                In the first part, you earned <b>{{payment_risk}}</b>.<br>
                In the second part, you earned <b>{{payment_time}}</b>.<br>
                The total amount you earned in this study is: <b>{{orig_payment}}</b>.<br><br>
                However, since we promised that you would earn at least 10 euros, we will increase your compensation so that you receive {{total_payment}}.
                This amount will be paid as follows: <b>{{payment_today}}</b> will be paid today, and
                <b>{{payment_tomorrow}}</b> will be paid <b>tomorrow</b>.
                Please note that all payments will be made via PayPal.
            </p>
            {% endif %}
            {% if payment_tomorrow == 0 %}
            <p>
                You have now completed all the tasks for today.
                Thank you for your participation.
                <br><br>
                In the first part, you earned <b>{{payment_risk}}</b>.<br>
                In the second part, you earned <b>{{payment_time}}</b>.<br>
                The total amount you earned in this study is: <b>{{orig_payment}}</b>.<br><br>
                However, since we promised that you would earn at least 10 euros, we will increase your compensation so that you receive <b>{{total_payment}}</b>.
                <br><br>
                This amount will be paid as follows: <b>{{payment_today}}</b> will be paid today, and
                <b>{{payment_4w}}</b> will be paid to you in 4 weeks on <b><script> document.write(date_28); </script></b>.
                Please note that all payments will be made via PayPal.
            </p>
            {% endif %}
        {% endif %}
    <p>
        To receive your payments for this study, we need some information to send your money via PayPal.
        (You will need to create an account if you don't already have one.)<br>
        {% formfields %}
    </p>
    <p>
        You have now reached the end of our study.
        To receive your payments, you must click the "Finish" button below:
        Once this is done, your participation will automatically be recorded as complete.
        Thank you for your participation.
    </p>
        <div align="center">
            <br>
            <button class="btn btn-primary btn-large">
                Finish
            </button>
        </div>

    </div>

{% endblock %}