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

{% block title %}
    Role assignment
{% endblock %}

{% block content %}

<p>We will now start the {{Constants.num_rounds}} periods. You have been randomly assigned the role of:</p>

<div class="row">
<div class="col-sm-2">
<pre>
   <b>{{player.role}}</b>
</pre>
    </div>
</div>

<p>Remember:</p>
{% include Constants.template_recap %}

 {% next_button %}

{% endblock %}


{% block scripts %}

    <!-- define a script -->
    <script>
     
          $('.otree-timer').hide();
          $(function () {
          $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 30) {
           
                $('.otree-timer').show();
            }
        });
    });

    

      


    </script>
{% endblock %}