{% extends "base.html" %}

{% block htmltitle %}
  {{ category|title }}
{% endblock %}

{% block metadata %}
  {{ page.metatags }}
{% endblock %}

{% block content %}
  <section class="bg-primary">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-lg-offset-2 text-center">
          <h1 class="section-heading">{{ category.name|format_title }}</h1>
          <hr class="light">
        </div>
      </div>
    </div>
  </section>
  {% if category.page.content %}
    <section>
      <div class="container">
        {{ category.page.content }}
      </div>
    </section>
  {% endif %}
  {% if not category.page.hide_list %}
    <section>
      <div class="container">
        <div class="row no-gutter">
          {% for article in articles|sort(attribute="title") %}
            <div class="category-item">
              <a href="{{ article.url }}">
                <h3>{{ article.title }}</h3>
              </a>
              <p>{{ article.summary|striptags|e }}</p>
            </div>
          {% endfor %}
        </div>
      </div>
    </section>
  {% endif %}
{% endblock %}