{% load horizon i18n %}

<div>
  <ul class="nav nav-tabs" role="tablist">
    {% for component in components %}
      {% if user|has_permissions:component %}
        <li{% if current.slug == component.slug %} class="active"{% endif %}>
          <a href="{{ component.get_absolute_url }}" tabindex='1'>{{ component.name }}</a>
        </li>
      {% endif %}
    {% endfor %}
  </ul>
</div>
