{% extends "base.html" %}
{% from "macros/tag-links.html" import tag_links with context %}
{% block body %}
{% set matches = namespace(items=[]) %}
{% for section_id in ['blog', 'articles'] %}
  {% for item in site.query('/' ~ section_id) %}
    {% if this._id in item.tags %}{% set matches.items = matches.items + [item] %}{% endif %}
  {% endfor %}
{% 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) %}
        <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 }}">Read entry →</a>
        </article>
      {% endfor %}
    </div>
    {% else %}
    <p class="empty-state">No blog entries or articles use this tag yet.</p>
    {% endif %}
  </div>
</section>
{% endblock %}