{% 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 %}
    <meta name="description" content="{{ page.search_description }}">
  {% endif %}
  {% social_meta page.seo_meta %}
{% endblock %}

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

{% block content %}
<section class="roost-section">
  <header>
    <h1>{{ page.title }}</h1>
    {% if page.image %}{% image page.image width-1200 %}{% endif %}
    {% if page.intro %}{{ page.intro|richtext }}{% endif %}
    {% if page.rss_enabled %}
      <a href="{% routablepageurl page 'feed' %}">RSS</a>
    {% endif %}
  </header>

  {% if subsections %}
    <nav class="roost-subsections">
      <ul>
        {% for subsection in subsections %}
          <li><a href="{% pageurl subsection %}">{{ subsection.title }}</a></li>
        {% endfor %}
      </ul>
    </nav>
  {% endif %}

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

  {% if latest_bucket %}
    <nav class="roost-archive-nav">
      <a href="{{ latest_bucket.url }}">Archive: {{ latest_bucket.label }}</a>
    </nav>
  {% endif %}
</section>
{% endblock %}