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


{% block title %}
A stage finished
{% endblock %}

{% block styles %}
    <style>
        .otree-timer {
            display: none;
        }
    </style>
{% endblock %}

{% block content %}
<p>
    <font size="+1">
        Congratulations! <br>
        You have finished this stage of the experiment.<br>
        Now please remain seated and wait for further instructions.<br>
    </font>
</p>
{% endblock %}

{% block scripts %}
<script>
    $(function () {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 10) {
                $('.otree-timer').show();
            }
        });
    });
</script>
{% endblock %}