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

{% block head_title %}

        Study

{% endblock %}

{% block styles %}

    <style type="text/css">
        h1 {text-align: center; font-size: 35px;}

        .otree-timer {
            display: none;
        }
    </style>

{% endblock %}

{% block content %}

<h1>Result</h1>


<div class="card bg-light m-3">
    <div class="card-body">
        <div class="justify">


            <p style="font-size:18px; text-align:center;">

                <br> Thank you for participating in the study. <br>

                <br> Your score is {{points|to0}}. This means you earn &euro;{{final_payoff|to2}} in the game.  <br>

                <br> Including your participation fee of &euro;1.00, your total earnings for the study are &euro;{{final_final_payoff|to2}}. <br>

                <br> Your payment will be transferred to your bank account within 5 working days. <br>

                <br> Please press "Next" to end the study. <br>




            </p>

        </div>
    </div>
</div>

                <center>
                    <br>
                    {% next_button %}
                </center>


<input type="hidden"   name="final_payoff"                     id="id_final_payoff"                 >
<input type="hidden"   name="final_final_payoff"               id="id_final_final_payoff"           >



{% endblock %}



{% block scripts %}
    <script type="text/javascript">

        var final_payoff = js_vars.final_payoff;
        var final_final_payoff = js_vars.final_final_payoff;

        document.getElementById('id_final_payoff').value = final_payoff;
        document.getElementById('id_final_final_payoff').value = final_final_payoff;


        $('#id_final_final_payoff').val(js_vars.final_final_payoff);
        $('#id_final_payoff').val(js_vars.final_payoff);




    </script>
{% endblock %}