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

{% block title %}{{ page.seo_title|default:page.title }}{% endblock %}

{% block meta %}
  {% if page.search_description or page.lead %}
    <meta name="description" content="{{ page.search_description|default:page.lead }}">
  {% endif %}
  {% social_meta page.seo_meta %}
{% endblock %}

{% block extra_head %}
  {% include "roost/includes/_json_ld.html" %}
{% endblock %}

{% block content %}
<article class="roost-article">
  <header>
    <h1>{{ page.title }}</h1>
    {% if page.lead %}<p class="roost-lead">{{ page.lead }}</p>{% endif %}
    <p class="roost-meta">
      <time datetime="{{ page.date|date:'Y-m-d' }}">{{ page.date }}</time>
      {% for author in page.authors %}
        {% if not forloop.first %}, {% endif %}
        {% if author.profile_url %}<a href="{{ author.profile_url }}" rel="author">{{ author.name }}</a>{% else %}{{ author.name }}{% endif %}
      {% endfor %}
    </p>
    {% if page.image %}{% image page.image width-1200 %}{% endif %}
  </header>

  {% include_block page.body %}

  {% if page.tags.all and news_index %}
    <footer>
      <ul class="roost-tags">
        {% for tag in page.tags.all %}
          <li><a href="{% routablepageurl news_index 'tag' tag.slug %}">{{ tag.name }}</a></li>
        {% endfor %}
      </ul>
    </footer>
  {% endif %}

  {% with related=page.live_related_articles %}
    {% if related %}
      <aside class="roost-related">
        <h2>Also read</h2>
        {% for article in related %}
          {% include "roost/includes/_article_card.html" %}
        {% endfor %}
      </aside>
    {% endif %}
  {% endwith %}
</article>
{% endblock %}