{% extends "components/shell.html" %}

{% from "components/headers.html" import user_header %}

{% block title %}
  <title>Tags | {{g.site_name}}</title>
{% endblock %}

{% block content %}
  <section class="site-section site-section--tags">
    <h2 id="all-tags-header">All tags</h2>
    <section id="tag-container">
      {% for tag in tags %}
        <article>
          <a href="/posts?tag={{tag.tag|quote_plus}}">
            <span>{{tag.tag}}</span>
            <span>{{tag.post_count}}</span>
          </a>
        </article>
      {% endfor %}
    </section>
  </section>
{% endblock %}

{% block components %}
  <button class="user-header__favourite" type="button">
    <span class="user-header__fav-icon">☆</span>
    <span class="user-header__fav-text">Favorite</span>
  </button>
  {{ loading_icon() }}
{% endblock components %}
