{% 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 %}
    Stai aspettando l'arrivo degli altri membri del gruppo.
  {% endblocktrans %}

  <h1> {{ session.vars.num_waiting }} / {{ C.PLAYERS_PER_GROUP }}</h1>
  <h5>

<!--    {% blocktrans trimmed with players_per_group=Constants.players_per_group num_rounds=Constants.num_rounds %}-->
<!--      You will be grouped in {{ C.PLAYERS_PER_GROUP }} players.-->
<!--      {{ C.NUM_ROUNDS }} rounds, you will play together with these players.-->
<!--    {% endblocktrans %}-->

  </h5>
</p>
<br/>

  {% blocktrans trimmed %}
  Se non riusciamo a formare un gruppo di {{ C.PLAYERS_PER_GROUP }} persone nei prossimi <span id="remaining"></span>
  minuti, procederemo con un gruppo più piccolo.
  {% endblocktrans %}

  <p>
  If less than {{C.smaller_group}} people gather after {{C.matching_timeout_mins}} minutes, we will have to terminate the study. You will receive the hourly wage.
  If {{C.matching_timeout_mins}} min have passed and you are still on this page, we suggest trying to refresh it once.
  </p>

</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 %}