{% extends "base.html" %}

{% block content %}
<div class="md-content__inner">
  {% if page and page.meta and page.meta.breadcrumbs != false %}
  <nav class="md-breadcrumb" aria-label="Breadcrumb">

    <a href="{{ config.site_url | default('/') | url }}"
       class="md-breadcrumb__link">Home</a>

    {% if page.parent %}
      <span class="md-breadcrumb__sep" aria-hidden="true">›</span>
      <a href="{{ page.parent.url | url }}"
         class="md-breadcrumb__link">
        {{ page.parent.title }}
      </a>
    {% endif %}

    {% if page.title %}
      <span class="md-breadcrumb__sep" aria-hidden="true">›</span>
      <span class="md-breadcrumb__current">{{ page.title }}</span>
    {% endif %}

  </nav>
  {% endif %}
  <article class="md-article">
    {% if page and page.content %}
      {{ page.content }}
    {% endif %}
  </article>
  <nav class="md-page-nav" aria-label="Page navigation">

    {% if page and page.previous_page %}
      <a href="{{ page.previous_page.url | url }}"
         class="md-page-nav__link md-page-nav__link--prev">

        <span class="md-page-nav__dir">← Previous</span>

        {% if page.previous_page.title %}
          <span class="md-page-nav__title">
            {{ page.previous_page.title }}
          </span>
        {% endif %}

      </a>
    {% else %}
      <div></div>
    {% endif %}

    {% if page and page.next_page %}
      <a href="{{ page.next_page.url | url }}"
         class="md-page-nav__link md-page-nav__link--next">

        <span class="md-page-nav__dir">Next →</span>

        {% if page.next_page.title %}
          <span class="md-page-nav__title">
            {{ page.next_page.title }}
          </span>
        {% endif %}

      </a>
    {% endif %}

  </nav>

</div>
{% endblock %}