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

{% block title %}
<div style="text-align: center;">
    Part 1
</div>
{% endblock %}

{% block content %}

<div style="text-align: left; margin-left:11%; margin-right: 11%">
<br>

    <p style="margin-bottom: 20px;">
        You will now begin Part 1 of the study which consists of the:
    </p>

    <ol style="text-align: left; display: inline-block; margin: 0 auto 20px;">
        {% if player.participant.first_task_order == 0%}
        <li>Coin Flipping Task</li>
        <li>Token Grabbing Task</li>
        {% elif player.participant.first_task_order == 1%}
        <li>Token Grabbing Task</li>
        <li>Coin Flipping Task</li>
        {% endif %}
    </ol>

    <p style="margin-bottom: 30px;">
        All earnings will be denominated in ECUs.<br><br>
        For Part 1, you will be paid based on your earnings in <u>one randomly selected task</u>.<br><br>
A summary of your earnings will be provided at the <u>end of the experiment</u>.
    </p>

<br>

</div>
<div style = " display: flex; justify-content: right; align-items: right;  ">
    <button class="btn btn-primary">Proceed</button>
</div>
{% endblock %}