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

{% block styles %}

    <style>
        .text_center {
            border: 1px solid #000
        }

        .text_center p {
            text-align: center
        }
    </style>
{% endblock styles %}

{% block content %}

    <p style="text-align:left"> Your
        ID: {{ player.id_in_group }}&nbsp&nbsp&nbsp&nbsp&nbspSequence: {{ player.sequence }}&nbsp&nbsp&nbsp&nbsp&nbspPeriod: {{ player.period }}</p>


    <div>
        <p style="color:red; text-align: center"><b> This is a new sequence, sequence {{ player.sequence }}.</b></p>
        <br/>
        <p> The sequence has an unknown number of periods.</p>
        <br/>
        <p> The length of the sequence is determined as follows.</p>
        <p> At the end of each period, a random integer number between 1 and {{ C.DICE_MAX }} will be
            drawn with equal likelihood to determine whether the sequence will continue.
        </p>
        <p> The sequence will continue to the next period if the random draw is less than or equal to 9,
            and stop if the random draw is {{ C.DICE_MAX }}.
        </p>
        <br/>
        <p> The random draws for the first {{ block_length }} periods (called the block) will only be revealed at the
            end of the block.</p>
        <p> If the sequence ends within the block, then decisions and activities after the final period are ignored.</p>
        <p> If the sequence does not end within the block, then it will continue to
            period {{ block_length_plus_one }}.</p>
        <p> From period {{ block_length_plus_one }} on, the random draw will be shown at the end of each period.</p>
        <div class="btn-container">
            <button class="otree-btn-next btn btn-primary" style="width: 80px;">OK</button>
        </div>
    </div>
{% endblock %}