{% extends "base.html" %}
{% block body %}
<section class="hero compact">
  <div class="shell narrow">
    <p class="eyebrow">{{ this.eyebrow }}</p>
    <h1>{{ this.summary }}</h1>
  </div>
</section>
<section class="activity-section">
  <div class="shell">
    <div class="section-heading"><span>{{ this.title }}</span><span>{{ this.children.count() }} approved tags</span></div>
    <div class="tag-directory">
      {% for tag in this.children %}
        {% set usage = namespace(count=0) %}
        {% for section_id in ['projects', 'blog', 'articles'] %}
          {% for item in site.query('/' ~ section_id) %}
            {% set item_tags = item.taxonomy_tags if item._model == 'project' else item.tags %}
            {% if tag._id in item_tags %}{% set usage.count = usage.count + 1 %}{% endif %}
          {% endfor %}
        {% endfor %}
        {% for project in site.query('/projects') %}
          {% if project._model == 'project' %}
            {% set devlog = site.get(project.path ~ '/devlog') %}
            {% if devlog %}
              {% for entry in devlog.children %}
                {% if tag._id in entry.topic_tag_slugs %}{% set usage.count = usage.count + 1 %}{% endif %}
              {% endfor %}
            {% endif %}
          {% endif %}
        {% endfor %}
        <a class="tag-directory-card" href="{{ tag|url }}">
          <span class="tag-directory-name">{{ tag.title }}</span>
          <span class="tag-directory-count">{{ usage.count }} {% if usage.count == 1 %}entry{% else %}entries{% endif %}</span>
          <span class="tag-directory-summary">{{ tag.summary }}</span>
        </a>
      {% endfor %}
    </div>
  </div>
</section>
{% endblock %}