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

{% block styles %}
    <style>
        .otree-timer {
            display: none;
        }
    </style>
{% endblock %}
{% block scripts %}
    <script>
        $(function () {
            $('.otree-timer__time-left').on('update.countdown', function (event) {
                if (event.offset.totalSeconds === 90) {
                    $('.otree-timer').show();
                }
            });
        });
    </script>
{% endblock %}


{% block title %}
    <h3 style="text-align:center">Experiment Overview</h3>
{% endblock %}

{% block content %}

    <p>
        You are about to participate in an experiment in the economics of decision-making.
        If you read the instructions carefully and make good decisions, you could earn a considerable amount of money.
    </p>
    <p>
        We will first go over the instructions, then give a quiz to make sure you understand the instructions.
        After the quiz, the experiment will begin.
    </p>
    <p>
        You will be working with a fictitious currency called Francs. Francs will be converted to US Dollars at an exchange rate of
    </p>
    <p style="text-align:center"><strong>{{ exchange_rate |c }}  = $1.</strong></p>


    <p>
        Click "Next" to start reading the instructions of the task.
    </p>


    <div style="text-align:center">
        {% next_button %}
    </div>

{% endblock %}