{% 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 <b>prossimi <span id="remaining"></span>
  minuti</b>, procederemo con un gruppo più piccolo.
  {% endblocktrans %}

  <p></p>
  <br>
  <p>Se dopo {{C.matching_timeout_mins}} minuti ci saranno meno di {{C.smaller_group}} partecipanti,
    purtroppo lo studio sarà terminato e ti verrà pagata solo una tariffa oraria di Prolific e non €6.</p>
  <p>
  Se sono passati {{C.matching_timeout_mins}} minuti e sei ancora su questa pagina, ti consigliamo di
    provare ad aggiornarla una volta.
  </p>

  <h5 style="color:red">Si prega di rimanere sulla pagina; non cambiare o chiudere la scheda, altrimenti si verrà escluso dallo studio!</h5>

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