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

{% block title %}
    Please wait...
{% endblock %}

{% block content %}
    <p> Next, you are going to do the first activity.
        <br>
<br>
Before you can begin, you need to wait for the other participant to arrive on this page.
Once the other participant has arrived, a "Next" button will appear, and you will be able to continue to the next page.
<br>
    <br>
Thank you for your patience. We think you will find the activity fun and interesting.
    </p>

    {% next_button %}

{% endblock %}




{% block scripts %}
    <script>
    const max = 15
    const min = 8
    const seconds = Math.floor(Math.random() * (max - min + 1) + min)
    console.log(seconds)

            setTimeout(function () {
                $('.otree-btn-next').show();
            }, seconds * 1000);

    </script>
{% endblock %}


{% block styles %}
    <style>
            .otree-btn-next {
                display: none;
            }
    </style>
{% endblock %}