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

{% block title %}
Part 3
{% endblock %}

{% block content %}
<hr>

<style>
    p{
        font-size: 22px;
    }
    .otree-body {
        max-width:1100px
    }
    .otree-title {
        text-align: center
    }
</style>
{% block styles %}
    <link href="{% static 'css/otreetimer.css' %}" rel="stylesheet">
{% endblock %}
<br>

<p>
    This is the end of Part 3.
</p>
<br>
{{ if player.participant.treatment == 1 }}
    <p>
        You may now proceed to the survey.
    </p>
    <br>
    <br>
    <button class="otree-btn-next btn btn-primary" style="float: right;">Next</button>
{{ else }}
    <p>
        We will proceed to Part 4 when all the participants have finished Part 3.
    </p>
{{ endif }}

{{ endblock }}