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

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

{% block content %}
<hr>

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

<br>
<div>
    {{ if player.feedback_interval == 5 }}
        <p>
            Based on your decisions and the random draws by the computer,
            you will now receive information about the average performance of those participants in <b>Rank 1-20 (top performance)</b>.
        </p>
        <p>
            On average, these participants solved <b>{{ Constants.feedback_Int5}}</b> puzzles correctly in Part 1.
        </p>
    {{ endif }}

    {{ if player.feedback_interval == 4 }}
        <p>
            Based on your decisions and the random draws by the computer,
            you will now receive information about the average performance of those participants in <b>Rank 21-40 (above average)</b>.
        </p>
        <p>
            On average, these participants solved <b>{{ Constants.feedback_Int4}}</b> puzzles correctly in Part 1.
        </p>
    {{ endif }}

    {{ if player.feedback_interval == 3 }}
        <p>
            Based on your decisions and the random draws by the computer,
            you will now receive information about the average performance of those participants in <b>Rank 41-60 (average performance)</b>.
        </p>
        <p>
            On average, these participants solved <b>{{ Constants.feedback_Int3}}</b> puzzles correctly in Part 1.
        </p>
    {{ endif }}

    {{ if player.feedback_interval == 2 }}
        <p>
            Based on your decisions and the random draws by the computer,
            you will now receive information about the average performance of those participants in <b>Rank 61-80 (below average)</b>.
        </p>
        <p>
            On average, these participants solved <b>{{ Constants.feedback_Int2}}</b> puzzles correctly in Part 1.
        </p>
    {{ endif }}

    {{ if player.feedback_interval == 1 }}
        <p>
            Based on your decisions and the random draws by the computer,
            you will now receive information about the average performance of those participants in <b>Rank 81-100 (bottom performance)</b>.
        </p>
        <p>
            On average, these participants solved <b>{{ Constants.feedback_Int1}}</b> puzzles correctly in Part 1.
        </p>
    {{ endif }}

    {{ if player.feedback_interval == 0 }}
        <p>
            Based on your decisions and the random draws by the computer,
            you would not be receiving any information about the performance of other participants.
        </p>
    {{ endif }}
</div>

<p>
    Please click "Next" to proceed.
</p>

<br>
<br>
<button id="Next" style="display:block; float:right;" class="btn btn-primary">Next</button>


{{ endblock }}