{% include 'common/header.twig' %}

<!--<div id="no-data">
  <div>No hay datos</div>
</div>-->

<div id="filters-wrapper" class="report-view-hide">

  <div id="update-stats">
    <button type="button" class="btn btn-outline-success btn-sm invisible">Actualizar datos</button>
  </div>

  <ul class="nav">
    <span class="navbar-brand" href="#" id="company-name"></span>
    {% for filter in filters %}
      <li class="menu-element {{ filter.getId() }}" data-filter="{{filter.getUniqueId()}}">
       {{filter.getLabel()}}
      </li>
    {% endfor %}
    <li class="menu-element">
      Force month:
      <select id="force-month">
	<option value="2017-01-01">Enero 2017</option>
	<option value="2017-02-01">Febrero 2017</option>
	<option value="2017-03-01">Marzo 2017</option>
	<option value="2017-04-01">Abril 2017</option>
	<option value="2017-05-01">Mayo 2017</option>
	<option value="2017-06-01">Junio 2017</option>
	<option value="2017-07-01">Julio 2017</option>
	<option value="2017-08-01">Agosto 2017</option>
	<option value="2017-09-01">Septiembre 2017</option>
	<option value="2017-10-01">Octubre 2017</option>
	<option value="2017-11-01">Noviembre 2017</option>
	<option value="2017-12-01">Diciembre 2017</option>
	<option value="2018-01-01">Enero 2018</option>
	<option value="2018-02-01">Febrero 2018</option>
	<option value="2018-03-01">Marzo 2018</option>
	<option value="2018-04-01">Abril 2018</option>
	<option value="2018-05-01">Mayo 2018</option>
	<option value="2018-06-01">Junio 2018</option>
	<option value="2018-07-01">Julio 2018</option>
	<option value="2018-08-01">Agosto 2018</option>
	<option value="2018-09-01">Septiembre 2018</option>
	<option value="2018-10-01">Octubre 2018</option>
	<option value="2018-11-01" >Noviembre 2018</option>
  <option value="2018-12-01" selected>Diciembre 2018</option>
  <option value="2019-01-01">Enero 2019</option>
  <option value="2019-02-01">Febrero 2019</option>
      </select>
    </li>
  </ul>

  {% for filter in filters %}
    <div id="{{ filter.getUniqueId() }}" class="content">
      {% include filter.getTemplate() with {filter : filter} only %}
    </div>
  {% endfor %}
      
</div>

<div id="stats-wrapper" class="row">
  
  <h1 id="lastMonth-title" class="d-none col-sm-12"></h1>

  <div class="col-sm-12 row">
    {% include stats['dataVisits'].getTemplate() with {stat : stat['dataVisits']} only %}    
    {% include stats['dataViews'].getTemplate() with {stat : stat['dataViews']} only %}    
    {% include stats['dataActions'].getTemplate() with {stat : stat['dataActions']} only %}    
    {% include stats['dataReputation'].getTemplate() with {stat : stat['dataReputation']} only %}    
  </div>  
</div>

<div id="report-view-trigger">
  <input type="checkbox">
</div>

{% include 'common/footer.twig' %}