{% extends 'base.html' %}

{% block header %}
<h1 class="display-2">Tags</h1>
{% endblock %}

{% block content %}
<section>
  <div class="row">
    {% for tag in sorted_tags %}
    <div class="col-md-4">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">{{ tag }}</h5>
          <h6 class="card-subtitle mb-2 text-muted">{{ out_tags[tag].count_videos }} Videos</h6>
          <a href="/tag/{{ tag }}" class="btn btn-primary card-link">More</a>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
</section>
{% endblock %}