{% extends "base.html" %}
{% from "chirpui/layout.html" import container %}
{% from "chirpui/resource_index.html" import resource_index %}
{% from "chirpui/rendered_content.html" import rendered_content %}
{% from "partials/cards.html" import searchable_page_grid %}

{% block content %}
{% let current_tag = tag ?? page?.title ?? "Tag" %}
{% let tagged_pages = posts ?? [] %}

{% call container(max_width="76rem") %}
    {% call resource_index(current_tag, page?.href ?? page?._path ?? "/tags/", subtitle="Content filed under this tag.", search_placeholder="Filter tagged pages...", button_icon="search", results_title="Tagged pages", results_subtitle=(tagged_pages | length) ~ " entries", has_results=tagged_pages | length > 0, empty_title="No tagged pages yet", cls="chirpui-bengal-resource-index") %}
        <p class="chirpui-text-muted chirpui-bengal-search-count" id="chirpui-bengal-search-count" aria-live="polite">{{ tagged_pages | length }} results</p>
        {% if content %}
        {% call rendered_content(compact=true, cls="chirpui-bengal-rendered") %}{{ content | safe }}{% end %}
        {% end %}
        {{ searchable_page_grid(tagged_pages, "No tagged pages yet.") }}
        <div id="chirpui-bengal-search-empty" class="chirpui-bengal-search-empty" hidden>
            <p class="chirpui-text-muted">No matching tagged pages.</p>
        </div>
    {% end %}
{% end %}
{% end %}