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

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

{% block content %}
            {% if player.selection == 0 %}
<p> Next, you are going to do the second activity. This will be the same as the first activity you did, but <b>with a different person</b>.
<br>
<br>
Before you can begin, you need to wait for another person to arrive on this page. Once another person 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.
    </p>

            {% elif player.selection == 1 %}

<p> Next, you are going to do the second activity. This will be the same as the first activity you did, but <b>with a different person</b>.

<br>
   <br>  This time, you will be able to choose which of two participants to play with.

   <br><br>
Before you can begin, you need to wait for the other participants to arrive on this page. Once the other participants have arrived, a "Next" button will appear, and you will be able to continue to the next page.
<br>
    <br>
Thank you for your patience.
    </p>
{% endif%}
    {% 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 %}