{% extends "chimere/base.html" %}
{% load i18n chimere_tags %}
{% load url from future %}
{% block extra_head %}
    {{ block.super }}
    {{ form.media }}
    {% head_jquery %}
{% endblock %}
{% block message_map %}{% endblock %}
{% block message_edit%}{% endblock %}
{% block content %}
    {{ block.super }}
  <div id="category-directory-content">
    {% include "chimere/blocks/directory_logos.html" %}
    {% if not object_list.count %}
        <p>{% trans "No category defined!" %}</p>
    {% else %}
    <ul id="category-directory" class="list-group">{% for object in object_list %}
      {% ifchanged object.category %}
        {% if forloop.counter0 %}
          </ul>
        </li>
        {% endif %}
        <li class='list-group-item' id='{{object.category|slugify}}'><p class='category-directory-category'>{{object.category}}</p>
          <ul>
      {% endifchanged %}
            <li class='list-group-item'><span class='icon'><img src='{{MEDIA_URL}}{{object.icon.image}}'/></span><a href="{% url 'chimere:category-directory-detail' area_name object.slug %}">{{object.name}}</a></li>
    {% endfor %}
          </ul>
        </li>
    </ul>
    {% endif %}
  </div>
{% endblock %}