{% 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 %}
  <link rel="alternate" type="application/rss+xml" title="{{ page.title }}" href="{% routablepageurl page 'feed' %}">
{% endblock %}

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

  {% if sections %}
    <nav class="roost-sections">
      <ul>
        {% for section in sections %}
          <li>
            {% if section.image %}{% image section.image width-400 %}{% endif %}
            <a href="{% pageurl section %}">{{ section.title }}</a>
          </li>
        {% endfor %}
      </ul>
    </nav>
  {% endif %}

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