{% extends 'partials/base.html.twig' %}
{% set blog_image = page.media.images[page.header.hero_image] ?: page.media.images|first %}
{% set collection = page.collection() %}
{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true)  %}
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}

{% block hero %}
    {% include 'partials/hero.html.twig' with {id: 'blog-hero', content: page.content, hero_image: blog_image} %}
{% endblock %}

{% block body %}

<section class="header-wrapper">
  <div class="title">
    <h1>{{page.title}}</h1>
  </div>
  <div class="cat">
      {% include 'partials/taxonomylist.html.twig' with {base_url: my_url, taxonomy: 'category'} %}
  </div>
</section>

<section class="body-wrapper articles-listing">
    {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
        {% include 'partials/breadcrumbs.html.twig' %}
    {% endif %}

    {% embed 'partials/layout.html.twig' with {blog: page} %}

        {% block item %}

          {% for child in page.collection().order('publish_date','desc') %}
              {% include 'partials/articles-list.html.twig' with {blog: page, page: child} %}
          {% endfor %}
        {% endblock %}
    {% endembed %}
</section>

<div class="paginations">
    {% if config.plugins.pagination.enabled and collection.params.pagination %}
      {% include 'partials/pagination.html.twig' with {'base_url':page.url, 'pagination':collection.params.pagination} %}
    {% endif %}
</div>

{% endblock %}

{% block newsletter %}
{% include 'partials/newsletters.html.twig' %}
{% endblock %}