{% extends "base.html" %}
{% from "macros/tag-links.html" import tag_links with context %}
{% block body %}
{% set matches = namespace(items=[]) %}
{% 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 this._id in item_tags %}{% set matches.items = matches.items + [item] %}{% 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 this._id in entry.topic_tag_slugs %}{% set matches.items = matches.items + [entry] %}{% endif %}
      {% endfor %}
    {% endif %}
  {% endif %}
{% endfor %}
<section class="hero compact">
  <div class="shell narrow">
    <p class="eyebrow">Tag</p>
    <h1>{{ this.title }}</h1>
    <p class="dek">{{ this.summary }}</p>
  </div>
</section>
<section class="activity-section">
  <div class="shell">
    <div class="section-heading">
      <span>Tagged {{ this.title }}</span>
      <span>{{ matches.items|length }} {% if matches.items|length == 1 %}entry{% else %}entries{% endif %}</span>
    </div>
    {% if matches.items %}
    <div class="card-grid">
      {% for item in matches.items|sort(attribute='date', reverse=true) %}
        {% set item_tags = item.taxonomy_tags if item._model == 'project' else (item.topic_tag_slugs if item._model == 'devlog-entry' else item.tags) %}
        <article class="entry-card accent-{{ item.kicker|lower }}">
          <div class="entry-meta"><span class="label">{{ item.kicker }}</span><time>{{ item.date|dateformat('YYYY.MM.dd') }}</time></div>
          <h2><a href="{{ item|url }}">{{ item.title }}</a></h2>
          <p>{{ item.summary }}</p>
          {% if item_tags %}<div class="entry-tags">{{ tag_links(item_tags) }}</div>{% endif %}
          <a class="read-more" href="{{ item|url }}">{% if item._model == 'project' %}View project{% else %}Read entry{% endif %} →</a>
        </article>
      {% endfor %}
    </div>
    {% else %}
    <p class="empty-state">No projects, devlog entries, blog entries, or articles use this tag yet.</p>
    {% endif %}
  </div>
</section>
{% endblock %}