{% extends '../layouts/base.html.njk' %}

{% block content %}

  {# No item documented #}
  {% if data.length == 0 %}
    <section class="main__section">
      <h2 class="main__heading">Seems like nothing has been documented yet!</h2>
    </section>

  {# Some items documented #}
  {% else %}

    {# Loop over the groups #}
    {% for group_name, group in data.byGroupAndType %}
      <section class="main__section">
        <h1 class="main__heading" id="{{ group_name }}">
          <div class="container">
            {{ groups[group_name] }}
          </div>
        </h1>

        {% if group_name in groupDescriptions %}
          <div class="main__description">
            <div class="container">
              {{ groupDescriptions[group_name] | safe }}
            </div>
          </div>
        {% endif %}

        {# Loop over the types #}
        {% for type, items in group %}

          {# If items to be displayed in type #}
          {% if items.length > 0 %}
            <section class="main__sub-section" id="{{ group_name }}-{{ type }}">
              <h2 class="main__heading--secondary">
                <div class="container">
                  {{ type | pluralize }}
                </div>
              </h2>

              {# Loop over the items #}
              {% for item in items %}
                {% include "../includes/partials/item.html.njk" %}
              {% endfor %}
            </section>
          {% endif %}
        {% endfor %}

      </section>
    {% endfor %}

  {% endif %}

{% endblock %}

{# Include sidebar #}
{% block sidebar %}
  {% include "../includes/partials/sidebar.html.njk" %}
{% endblock %}