{% 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;}
    </style>

{% endblock %}

{% block content %}

<h1>End of Study</h1>

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


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

                You have now finished the study. Please click "Next" to see your payment.

            </p>


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


<br>

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

<input type="hidden"   name="final_final_payoff"               id="id_final_final_payoff"           />


{% endblock %}

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

        var final_final_payoff = js_vars.final_final_payoff;

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




    </script>
{% endblock %}