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

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

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

  <ul class="float-right nav">    
    <li>
      <a href="/language/es/{{base64Url}}/"><img width="24" src="/img/flags/es.svg"></a>
    </li>
    <li>
      <a href="/language/en/{{base64Url}}/"><img width="24" src="/img/flags/gb.svg"></a>
    </li>
    <li>
      <a href="/logout" style="text-decoration: none; color: #fff;">{{'logout'|trans}}</a>
    </li>    
  </ul>

  <div id="update-stats">
    <button type="button" class="btn btn-outline-success btn-sm invisible">{{'update-data'|trans}}</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.getId()|trans}}
      </li>
    {% endfor %}
    <li class="menu-element">
      <select id="force-month">
        {% for month in months %}
          <option value="{{month}}" {% if month == months|last %} selected {% endif %}>{{month|localizeddate('none', 'none', actualLocale, null, 'MMMM yyyy')}}</option>
        {% endfor %}
      	
      </select>
    </li>
    <a href="/abstract" style="text-decoration: none; color: #fff;">
      <li class="menu-element">{{'historic'|trans}}</li>
    </a>
  </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' %}