{% extends "base.html" %}

{#
  Breadcrumbs (Material's navigation.path is Insiders-only) and a
  "report a problem" link at the foot of every page.
#}

{% block extrahead %}
  {{ super() }}
  <link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/favicon-32.png' | url }}">
  <link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/apple-touch-icon.png' | url }}">
  <link rel="manifest" href="{{ 'assets/site.webmanifest' | url }}">
  <meta name="apple-mobile-web-app-title" content="DXPR Builder">
  <meta name="theme-color" content="#ffffff">
{% endblock %}

{% block content %}
  {% if page.ancestors or not page.is_homepage %}
    <nav class="dxpr-path" aria-label="Breadcrumb">
      <ol class="dxpr-path__list">
        <li class="dxpr-path__item">
          <a class="dxpr-path__link" href="{{ nav.homepage.url | url }}">Home</a>
        </li>
        {% for item in page.ancestors | reverse %}
          <li class="dxpr-path__item">
            {% set index = item.children | selectattr("is_index") | first %}
            {% if index %}
              <a class="dxpr-path__link" href="{{ index.url | url }}">{{ item.title }}</a>
            {% else %}
              <span>{{ item.title }}</span>
            {% endif %}
          </li>
        {% endfor %}
        {% if not page.is_homepage %}
          <li class="dxpr-path__item dxpr-path__item--current" aria-current="page">{{ page.title }}</li>
        {% endif %}
      </ol>
    </nav>
  {% endif %}

  {{ super() }}

  {% if not page.is_homepage %}
    <div class="dxpr-page-help">
      Something wrong or missing on this page?
      <a href="https://github.com/dxpr/dxpr_builder/issues/new?title={{ ('Docs: ' ~ page.title) | urlencode }}&body={{ ('Page: ' ~ page.canonical_url ~ '%0A%0AWhat is wrong or missing:%0A') }}" rel="noopener" target="_blank">Report it</a>
      {% if page.edit_url %}
        or <a href="{{ page.edit_url }}" rel="noopener" target="_blank">edit the page</a>.
      {% endif %}
    </div>
  {% endif %}
{% endblock %}