{{extends "layout.html"}}

{{block "content"}}
<div class="page-header">
    <h1>{{:page_title}}</h1>
    <p class="subtitle">Browse your links by tags</p>
</div>

<div class="tags-section">
    {{if tags}}
    <div class="tags-cloud">
        {{for tag in tags}}
        <a href="/tags/{{:tag.name}}" class="tag-cloud-item">
            <span class="tag-name">{{:tag.name}}</span>
            <span class="tag-count">{{:tag.count}}</span>
        </a>
        {{endfor}}
    </div>
    {{else}}
    <p class="empty-message">No tags yet. Add some links with tags to see them here!</p>
    {{endif}}
</div>
{{endblock}}