{% extends "base.html" %}

{% block content %}
      <div id="content" class="content">
        <main>
          <h1><a class="header" href="#recent" id="recent">{{ section.title }}</a></h1>
          <ul>
            {% for page in paginator.pages %}
              <div class="card">
                <a class = header href="{{ page.permalink | safe }}">
                  <strong>{{ page.title }}</strong>
                </a>
                <div class="right">{{ page.date }}</div>
                {% if page.summary %}
                  <p>{{ page.summary | markdown(inline=true) | safe  }}...</p>
                {% endif %}
                <a href="{{ page.permalink | safe }}">Read More -></a>
              </div>
            {% endfor %}
          </ul>
          <hr>
          <p class="subtitle"><strong>Tags:</strong></p>
          {% for t in config.taxonomies %}
            {% if t.name == "tags" %}
              {% set tags = get_taxonomy(kind=t.name) %}
              {% for item in tags.items %}
                {% set url = get_taxonomy_url(kind=tags.kind.name, name=item.name) %}
                  <a class="tags" href="{{ url }}">{{ item.name }}</a>
              {% endfor %}
            {% endif %}
          {% endfor %}
          {% if paginator.previous %}
            <nav class="nav-wrapper" aria-label="Page navigation">
              <!-- Mobile navigation buttons -->
              <a rel="prev" href="{{ paginator.previous }}" class="mobile-nav-chapters previous" title="Previous page" aria-label="Previous page" aria-keyshortcuts="Left">
                <i class="fa fa-angle-left"></i>
              </a>
            </nav>
            <nav class="nav-wide-wrapper" aria-label="Page navigation">
              <a rel="prev" class="nav-chapters previous" title="Previous page" aria-label="Previous page" aria-keyshortcuts="Left" href="{{ paginator.previous }}">
                <i class="fa fa-angle-left"></i>
              </a>
            </nav>
          {% endif %}
          {% if paginator.next %}
            <nav class="nav-wrapper" aria-label="Page navigation">
              <!-- Mobile navigation buttons -->
              <a rel="next" href="{{ paginator.next }}" class="mobile-nav-chapters next" title="Next page" aria-label="Next page" aria-keyshortcuts="Right">
                <i class="fa fa-angle-right"></i>
              </a>
            </nav>
            <nav class="nav-wide-wrapper" aria-label="Page navigation">
              <a rel="next" class="nav-chapters next" title="Next page" aria-label="Next page" aria-keyshortcuts="Right" href="{{ paginator.next }}">
                <i class="fa fa-angle-right"></i>
              </a>
            </nav>
          {% endif %}
        </main>
      </div>
{% endblock content %}