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

{% block title %}

Sliders

{% endblock %}

{% block content %}

<p align="justify">
The computer has randomly selected Part {{ player.selected_part }} to determine your final earnings.
</p>

{% if player.sliders == 0 %}

<p align="justify" style="border: 1px solid black; padding: 5px 10px 5px 10px">
<u> Important:</u> As a result, you <b> do not have to complete any sliders </b> at the end of the experiment.
</p>

<p align="justify">
<i> Press "Next" to continue. </i>
</p>

{% endif %}

{% if player.sliders != 0 %}

<p align="justify" style="border: 1px solid black; padding: 5px 10px 5px 10px">
<u> Important:</u> Based on the randomly selected decision situation, you <b> have to complete {{ player.sliders }} sliders </b> at the end of the experiment.
</p>

<p align="justify">
<i> Press "Next" to complete these sliders. </i>
</p>

<p align="justify" style="border: 1px solid black; padding: 5px 10px 5px 10px">
<u> Reminder:</u> To receive your final earnings, you have to <b> complete the <u> entire</u> experiment</b>.
</p>

{% endif %}

<br />

<button class="btn btn-primary btn-large" style="float: right"> Next </button>

{% endblock %}