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

<!--<div id="no-data">
  <div>No hay datos</div>
</div>-->
<style type="text/css">
  table th, table td{
    text-align: center;
    font-size: 12px;
  }
  table th{
    font-size: 12px;
  }

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

    <a href="/" style="text-decoration: none; color: #fff;">
    <li class="menu-element">
      {{'go-to-panel'|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 class="container-fluid wrapper-stat-dataReputation mt-5 text-center">
  <h1>{{'global'|trans}}</h1>
  <div class="col-12 ">
      <table id="panel-data-month" class="table table-hover">
          <thead>
              <tr>
                  <th></th>
                  <th colspan="3" style="border-left: 1px solid #ddd;">{{'searchs'|trans}}</th>
                  <th colspan="3" style="border-left: 1px solid #ddd;">{{'views'|trans}}</th>
                  <th colspan="4" style="border-left: 1px solid #ddd;">{{'actions'|trans}}</th>
                  <th colspan="2" style="border-left: 1px solid #ddd;">{{'reputation-monthly'|trans}}</th>
                  <th colspan="2" style="border-left: 1px solid #ddd;">{{'reputation-global'|trans}}</th>
              </tr>
              <tr>
                  <th>{{'date'|trans}}</th>
                  <th style="border-left: 1px solid #ddd">{{'totals'|trans}}</th>
                  <th>{{'searchs-directs'|trans}}</th>
                  <th>{{'searchs-indirects'|trans}}</th>
                  <th style="border-left: 1px solid #ddd">{{'totals'|trans}}</th>
                  <th>{{'views-searchs'|trans}}</th>
                  <th>{{'views-maps'|trans}}</th>
                  <th style="border-left: 1px solid #ddd">{{'totals'|trans}}</th>
                  <th>{{'actions-web'|trans}}</th>
                  <th>{{'actions-indications'|trans}}</th>
                  <th>{{'actions-calls'|trans}}</th>
                  <th style="border-left: 1px solid #ddd">{{'rating'|trans}}</th>
                  <th style="border-left: 1px solid #ddd">{{'reviews'|trans}}</th>
                  <th style="border-left: 1px solid #ddd">{{'rating'|trans}}</th>
                  <th style="border-left: 1px solid #ddd">{{'reviews'|trans}}</th>
              </tr>
          </thead>
          <tbody class="table-striped text-center ">

          </tbody>
      </table>
  </div>

</div>


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