{% extends 'partials/base.html.twig' %}
{% set options = { items: {'@self.siblings':''}, 'order': {'by': 'date', 'dir': 'asc'}} %}
{% set collection = page.collection(options) %}
{% 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 stylesheets %}
    {% do assets.addCss('theme://css/bricklayer.css') %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block hero %}
  <header class="sous_nav">
    {% set options = { items: {'@self.parent':page.url} } %}
    <ul>
      {% for p in page.collection(options) %}
        {% for child in p.collection %}
          {% set active_page = (child.active or child.activeChild) ? 'active' : '' %}
          <li>
            <a href="{{ child.url }}" class="{{ active_page }}">
              {{ child.menu }}
            </a>
          </li>
        {% endfor %}
      {% endfor %}
    </ul>

  </header>
{% endblock %}

{% block body %}
    <section id="body-wrapper" class="section">
      {% embed 'partials/layout.html.twig' with {blog: page} %}

            {% block item %}
                {% for sibling in collection %}
                  {% for item in sibling.collection.order('date','desc') %}

                    {% if not item.header.date_end  %}
                      {% if item.header.date|date("Ymd") < "now"|date("Ymd") %}
                        {% include 'partials/blog-list-item-archives.html.twig' with {blog: page, page: item} %}
                      {% endif %}
                    {% endif %}

                    {% if item.header.date and item.header.date_end %}
                      {% if item.header.date|date("Ymd") < "now"|date("Ymd") and item.header.date_end|date("Ymd") < "now"|date("Ymd") %}
                          {% include 'partials/blog-list-item-archives.html.twig' with {blog: page, page: item} %}
                      {% endif %}
                    {% endif %}

                  {% endfor %}
                {% endfor %}
            {% endblock %}

        {% endembed %}

    </section>
    <script>
        //Bricklayer
        var bricklayer = new Bricklayer(document.querySelector('.bricklayer'))
    </script>
{% endblock %}