{% extends "base.html" %}
{% block title %}Index — Waikiki{% endblock %}
{% block content %}
  <div class="article-head">
    <h1>Index</h1>
    <a class="btn" href="/info">📊 Wiki info &amp; stats</a>
  </div>
  <p class="muted">Every tag and the pages under it, plus all articles A–Z. Tags
    come from each page's frontmatter (<code>tags:</code>).</p>

  {% if tag_groups %}
    <div class="tagcloud">
      {% for g in tag_groups %}
        <a class="tagchip" href="#tag-{{ g.tag }}">{{ g.tag }} ({{ g.count }})</a>
      {% endfor %}
    </div>
    {% for g in tag_groups %}
      <details class="tag-group" id="tag-{{ g.tag }}" open>
        <summary><a href="/tag/{{ g.tag }}">#{{ g.tag }}</a>
          <span class="muted">({{ g.count }})</span></summary>
        <ul>
          {% for p in g.pages %}
            <li><a href="/wiki/{{ p.slug }}">{{ p.title }}</a></li>
          {% endfor %}
        </ul>
      </details>
    {% endfor %}
  {% else %}
    <p class="muted">No tags yet — add a <code>tags:</code> line to a page's
      frontmatter and it'll be indexed here.</p>
  {% endif %}

  <details class="tag-group" id="all-articles" open>
    <summary>All articles <span class="muted">({{ all_pages | length }})</span></summary>
    <ul class="allcols">
      {% for p in all_pages %}
        <li><a href="/wiki/{{ p.slug }}">{{ p.title }}</a></li>
      {% else %}
        <li class="muted">No articles yet.</li>
      {% endfor %}
    </ul>
  </details>
{% endblock %}