{% extends "base.html" %}

{% block content %}
<div class="tags-page">
    <header class="page-header">
        <h1>{{ page.title | default('All Tags') }}</h1>
        <p class="page-description">
            Browse all {{ total_tags }} tags
        </p>
    </header>

    {% if tags %}
    <div class="tag-cloud">
        {% for tag in tags %}
        <div class="tag-item">
            <a href="{{ ('/tags/' ~ tag.slug ~ '/') | absolute_url }}" class="tag-link">
                <span class="tag-name">{{ tag.name }}</span>
                <span class="tag-count">{{ tag.count }} post{% if tag.count != 1 %}s{% endif %}</span>
            </a>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <p>No tags found.</p>
    {% endif %}
</div>

{# styles moved to components/tags.css #}
{% endblock %}