{% load horizon %}

{% for heading, panels in components.items %}
  {% with panels|has_permissions_on_list:user as filtered_panels %}
    {% if filtered_panels %}
      {% if accessible_panels %}
        {% if heading %}<h4>{{ heading }}</h4>{% endif %}
      {% endif %}
      <ul class="main_nav">
        {% for panel in filtered_panels %}
          {% if panel in accessible_panels or current == panel.slug %}
            <li>
              <a href="{{ panel.get_absolute_url }}" {% if current == panel.slug %}class="active"{% endif %} tabindex='1'>{{ panel.name }}</a>
            </li>
          {% endif %}
        {% endfor %}
      </ul>
    {% endif %}
  {% endwith %}
{% endfor %}
