{% extends "base.html" %}
{% load wagtailcore_tags wagtailimages_tags wagtailroutablepage_tags roost_tags %}

{% block title %}Tag: {{ tag.name }}{% endblock %}

{% block meta %}
  {% if tag.description %}
    <meta name="description" content="{{ tag.description|striptags|truncatechars:160 }}">
  {% endif %}
  {% social_meta tag.seo_meta %}
{% endblock %}

{% block extra_head %}
  {% if tag.rss_enabled %}
    <link rel="alternate" type="application/rss+xml" title="Tag: {{ tag.name }}" href="{% routablepageurl page 'tag_feed' tag.slug %}">
  {% endif %}
{% endblock %}

{% block content %}
<section class="roost-tag">
  <header>
    <h1>{{ tag.name }}</h1>
    {% if tag.image %}{% image tag.image width-1200 %}{% endif %}
    {% if tag.description %}{{ tag.description|richtext }}{% endif %}
    {% if tag.rss_enabled %}
      <a href="{% routablepageurl page 'tag_feed' tag.slug %}">RSS</a>
    {% endif %}
  </header>

  {% for article in articles %}
    {% include "roost/includes/_article_card.html" %}
  {% empty %}
    <p>No articles yet.</p>
  {% endfor %}
</section>
{% endblock %}