{% 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 arrive.</h5>
  {% endblocktrans %}

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

</p>
<br/>

  {% blocktrans trimmed %}
    <h5>If we won't be able to match you with at least 2 other participants in the following <b><span id="remaining"></span> minutes</b>,
    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 %}