{% extends "base.html" %}

{% block title %}{{ page.title }} | {{ SITENAME }}{% endblock %}

{% block content %}
{% include "partials/breadcrumbs.html" %}

<article class="doc-article">
  <header class="doc-header">
    <div class="doc-type-badge">{{ page.okf_type or "Concept" }}</div>
    <h1 class="doc-title">{{ page.title }}</h1>
    {% if page.description %}
    <p class="doc-description">{{ page.description }}</p>
    {% endif %}

    {% include "partials/provenance.html" %}
  </header>

  <div class="doc-container">
    <div class="doc-body">
      {{ page.content }}

      {% if page.relations %}
      <section class="doc-relations">
        <h2>Relations</h2>
        <ul class="relations-list">
          {% for rel in page.relations %}
          <li><strong>{{ rel.kind }}:</strong> {{ rel.target }}</li>
          {% endfor %}
        </ul>
      </section>
      {% endif %}

      {% if page.generated %}
      <footer class="doc-meta-footer">
        <small>Generated by {{ page.generated.by }} at {{ page.generated.at }}</small>
      </footer>
      {% endif %}
    </div>

    {% include "partials/toc.html" %}
  </div>
</article>
{% endblock %}