{% load assets i18n %}
{% block cell-content %}
  {% if forms or combo_display_even_empty_categories %}
    {% block cell-header %}
      <h2>{{ title }}</h2>
      {% include "combo/asset_picture_fragment.html" %}
      {% if category_description %}
        <div class="intro">
          {{ category_description|safe }}
        </div>
      {% endif %}
    {% endblock %}

    <div class="wcs-forms-of-category-{{slug}} links-list">
      {% block cell-top-content %}{% endblock cell-top-content %}
      <ul>
        {% for form in forms %}
          <li class="{{ form.css_classes|join:" " }}">{% include "combo/wcs/form_link_fragment.html" %}
            {% if "fedict" in form.required_authentication_contexts %}
              <p style="font-size: 0.8em; padding-left: 1em;">Vous devez vous connecter via <abbr title="Lecteur de carte et carte d'identité belge.">eID</abbr> ou <abbr title="Application mobile d'identité.">itsme</abbr> pour compléter cette démarche.</p>
            {% endif %}
          </li>
        {% endfor %}
        {% if more_forms %}
          <li class="add-more-items">
            <a role="button" tabindex="0" aria-expanded="false" aria-controls="more-items-{{ cell.get_reference }}" aria-label="{% trans 'More items' %}" id="btn-more-items-{{ cell.get_reference }}" class="add-more-items--button">{% block cell-more-items-btn-label %}+{% endblock %}</a>
          </li>
        {% endif %}
      </ul>

      {% if more_forms %}
        <ul style="display: none" class="more-items" id="more-items-{{ cell.get_reference }}" aria-labelledby="btn-wcs-more-items-{{ cell.get_reference }}">
          {% for form in more_forms %}
            <li class="more-items--item {{ form.css_classes|join:" " }}">
              {% include "combo/wcs/form_link_fragment.html" %}
            </li>
          {% endfor %}
      {% endif %}
    </ul>
    </div>
  {% endif %}
{% endblock %}
