{% extends "template.html" %}
{% block head %}
{% endblock %}

{% block content %}
        <b>Thanks for participating!</b>

        {% if code and (code != '0') %}
        <div class="question" style="background-color: #F8FFF7; width: 500px; margin-left: auto; margin-right: auto;">
            <div class="padding" style="text-align: center">
                {{ config['COMPLETION_CODE_MESSAGE'] }}
                <br>
                <input type="text" value="{{ code }}" id="code" name="code" readonly style="text-align: center; margin-top: 5px; width: 350px;">
            </div>
        </div>
        {% endif %}

        {% if restart_reason %}
        <div style="text-align: center; margin-top: 20px;">
            <a href="{{ config['APPLICATION_ROOT'] }}/restart">Restart the experiment</a>
            <div style="font-size: 0.85em; color: #666; margin-top: 5px;">
                This link is only shown because {{ restart_reason }}.
            </div>
        </div>
        {% endif %}
{% endblock %}