{% extends "base.html" %}

{% block title %}{{ NEST_CATEGORIES_HEAD_TITLE }} - {{ super() }}{% endblock title %}
{% block description %}{{ NEST_CATEGORIES_HEAD_DESCRIPTION }}{% endblock description %}

{% block headerstyle %}
    {% if NEST_HEADER_IMAGES %}
    <div class="header-container" style="background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('{{ SITEURL }}/images/{{ NEST_HEADER_IMAGES }}'); background-position: center; ">
    {% else %}
    <div class="header-container gradient">
    {% endif %}
{% endblock headerstyle %}

{% block header %}
    <div class="container header-wrapper">
        <div class="row">
              <div class="col-lg-12">
                  <div class="header-content">
                      <h1 class="header-title text-uppercase">{{ NEST_CATEGORIES_HEADER_TITLE }} CATEGORIES </h1>
                      <div class="header-underline"></div>
                      <p class="header-subtitle header-subtitle-homepage">{{ NEST_CATEGORIES_HEADER_SUBTITLE }}</p>
                  </div>
              </div>
        </div>
    </div>
{% endblock header %}

{% block content %}

<div class="col-lg-9 content archive">
  
  <h1>{{ category|capitalize }}</h1>
  <dl class="dl-horizontal">

    {% for category, articles in categories %}
    <h2><a href="{{ SITEURL }}/{{ category.url }}">{{ category|capitalize }}</a></h2>
    <dl class="dl-horizontal">
      {% for article in articles %}
      <dt>{{ article.locale_date}}</dt>
      <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
      {% endfor %}
    </dl>
    {% endfor %}
  </dl>
</div>
{% endblock content %}