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

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

{% block content %}
    <p> Once the other participant makes his/her decision, a "Next" button will appear, and you will be able to continue to the next page.

    </p>

    {% next_button %}

{% endblock %}




{% block scripts %}
    <script>

    const max = 12
    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 %}