{% extends "base.html" %}
{% import 'macros/card.html' as macro_card -%}

{% block content %}
    {% for page in paginator.pages %}
<article class="media note p-4" >
  <div class="media-content media-flex" style="overflow-y: clip;">
        <a href="#" class="" style="width: 100%">
          <h2 class="title is-2">{{ page.title }}</h2>
          <h4 class="subtitle">{{ page.date }}</h4>
          <div class="content has-text-justified">
              {{ page.summary | markdown | safe }}
          </div>
        </a>
        <div class="buttons mt-1">
         {% for tag in page.taxonomies.Tag %}
                        <a class="button is-small is-info is-light is-rounded" href="{{ get_url(path="Tag/")  }}/{{ tag }}"> {{ tag }}</a>
        {% endfor %}</a>
        </div>
  </article>
{% endfor %}
    </div>
    
<nav class="pagination is-rounded is-centered" role="navigation" aria-label="pagination">
  <ul class="pagination-list">
    {% if paginator.current_index > 2 %}
    <li><a href="{{ paginator.first }}" class="pagination-link" aria-label="Page 1">1</a></li>
    {% endif %}
    {% if paginator.current_index > 3 %}
    <li><span class="pagination-ellipsis">&hellip;</span></li>
    {% endif %}
    {% if paginator.previous %}
    <li><a class="pagination-link" href="{{ paginator.previous }}" aria-label="Page {{ paginator.current_index -1 }}">{{ paginator.current_index - 1 }}</a></li>
    {% endif %}
    <li><a class="pagination-link is-current" aria-label="Page {{ paginator.current_index }}" aria-current="page">{{ paginator.current_index }}</a></li>
    {% if paginator.next %}
    <li><a class="pagination-link" href="{{ paginator.next }}" aria-label="Page {{ paginator.current_index +1 }}">{{ paginator.current_index + 1 }}</a></li>
    {% endif %}
    {% if paginator.current_index + 2 < paginator.number_pagers %}
    <li><span class="pagination-ellipsis">&hellip;</span></li>
    {% endif %}
    {% if paginator.current_index < paginator.number_pagers - 1 %}
    <li><a  href="{{ paginator.last }}" class="pagination-link" aria-label="Page {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
    {% endif %}
  </ul>
</nav>
{% endblock content %}