{% extends "passerelle/manage.html" %}
{% load i18n %}

{% block breadcrumb %}
  {{ block.super }}
  <li class="ariane--list-item">
    <a class="ariane--link" aria-current="page">{% trans 'Add a Connector' %}</a>
  </li>
{% endblock %}


{% block appbar %}
  <h2>{% trans 'Add a Connector' %}</h2>
  <label class="sr-only" for="appbar-search">{% trans "Search:" %}</label>
  <input type="search" title="{% trans "Search:" %}" placeholder="{% trans "Quick search" %}" name="q" id="appbar-search" value="{{request.GET.q|default:""}}"  data-searchable-sections-selector=".category_grouper" autocomplete="off" />
{% endblock %}

{% block content %}

  {% regroup apps|dictsort:"category" by category as apps_list %}
  {% for category in apps_list %}
    <div class="category_grouper">
      <h3>{{ category.grouper }}</h3>
      <ul class="objects-list single-links connectors add-connector">
        {% for a in category.list %}
          <li class="connector {{ a.get_css_class_name }}" data-search-text="{{ a.get_verbose_name|slugify }}"
          ><a href="{{ a.get_add_url }}" ><span class="connector-name">{{ a.get_verbose_name }}</span></a></li>
        {% endfor %}
      </ul>
      <br style="clear: both;">
    </div>
  {% endfor %}

{% endblock %}