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

{% block title %}
    You are Player B
{% endblock %}

{% block content %}

    <p>
        You have been assigned to be Player B.
        First, Player A will decide how much to send to you. Before you can find out how much Player A has sent, you will have to decide whether you will keep the money you receive or split it with Player A.

       <br><br> Please indicate below whether you will keep or split the money sent by Player A.

    </p>
    <hr>

    {% for field in form %}
        {% formfield field %}
    {% endfor %}

Once the other participant makes his/her decision, a "Next" button will appear, and you will be able to continue to the next page.
<br>
<br>
    {% 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 %}