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

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

{% block title %}
Sozialpsychologie Heidelberg
{% endblock %}

{% block content %}
<div class="outerHeadDiv">

    <!-- Hier muss der Titel für die Seite rein (der dann groß und rot angezeigt wird) -->
    <span class="innerHeadDivText new-title">
        Zu guter letzt
    </span>

    <div class="innerHeadDivLogo">
        <img src="{% static 'Simpson/unihei_color.jpg' %}" class="logo"/>
    </div>

</div>
<hr>

<h4>Sie haben es fast geschafft! </h4>


<p style="text-align:justify;">
    <b>Für die 4€ Teilnahmeentschädigung:</b>
    <br>
    Benötigen Sie den unten generierten Code, welchen Sie auf der Seite, die Sie
    über den Link erreichen, angeben müssen. Bitte notieren Sie ihn sich <b>bevor</b> Sie auf den Link
    klicken und lassen Sie dieses Broweserfenster geöffnet, bis Sie Ihre Informationen unter dem Link angegeben haben.
    <br>
    Klicken Sie bitte <a href="https://www.soscisurvey.de/Simpson/?d=MN3K4DBE9M3TQEKF" target="_blank" style="color:#D11222"><b>hier</b></a> und geben Sie dort die benötigten Informationen an.

</p>

<br>

<p>
    Ihr Code:
    <br>
    <b style="color:#D11222; font-size:1.7rem">{{ participant.vars.generatedCode }}</b>
</p>


<br>
<button class="otree-btn-next btn btn-primary" style="background-color:#D11222; border-color:#ffffff">Weiter</button>

<hr>
<p> <a href="mailto: lob@stud.uni-heidelberg.de" target="_blank" style="color:#D11222">Aaron Lob</a>, Universität Heidelberg  - 2020</p>

{% endblock %}