      <table class="ranking-gmb" style="text-align: center; margin: auto;" cellpadding="5" cellspacing="0">
        <thead>
          <tr>
            <th style="font-size:16px; width:50">{{'ranking'|trans}}</th>
            <th style="font-size:16px; width:210">{{'code'|trans}}</th>
            <th style="font-size:16px; width:40">{{'description'|trans}}</th>
            <th style="font-size:16px; width:100">{{'searchs-total'|trans}}</th>
            <th style="font-size:16px; width:75">{{'searchs-directs'|trans}}</th>
            <th style="font-size:16px; width:75">{{'searchs-indirects'|trans}}</th>
          </tr>
        </thead>
        <tbody>
          {% for item in data['searches-location-ranking'] %}
            <tr style="background-color: {{ cycle(['#fff', '#e5e5e5'], loop.index) }}">
              <td style="font-size:16px; width:50">{{loop.index}}</td>
              <td style="font-size:12px; width:210">{{item.locationCode}}</td>
              <td style="font-size:16px; width:40">{{item.locationDescription|length > 7 ? item.locationDescription|slice(0, 6) ~ '...' : item.locationDescription}}</td>
              <td style="font-size:16px; width:100">{{item.total.formatted}}</td>
              <td style="font-size:16px; width:75">{{attribute(item, 'searches-direct').formatted}}</td>
              <td style="font-size:16px; width:75">{{attribute(item, 'searches-indirect').formatted}}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table> 