{% extends 'otree/WaitPage.html' %}
{% load otree %}
{% block title %}{{ title_text }}{% endblock %}
{% block content %}
{% load i18n %}
{{ body_text }}

<div class="container" align="center">
<p>
  {% blocktrans trimmed %}
  <h5>You are waiting for other group members to finish the task.</h5>
  {% endblocktrans %}

  <h1> {{ session.vars.num_waiting }} / {{player.participant.group_size}}</h1>

</p>
<br/>

  {% blocktrans trimmed %}
    <h5>If we won't be able to gather the same participants in the following <span id="remaining"></span> minutes,
    you will reduce the group. If group size falls below {{C.min_group}}, study will terminate and you will
        be redirected to the finish page and get paid the flat rate participation fee.</h5>
  {% endblocktrans %}

</div>
<script>


   setTimeout(function(){
       window.location.reload(1);
   }, 5000);

   time_left = Math.ceil(js_vars.timeout_mins- (js_vars.current_time - js_vars.arrival_time)/60);

   document.getElementById("remaining").innerHTML=time_left;


</script>

  {% endblock %}