{% extends "pages/base.html" %}
{% load i18n %}
{% block title %}{{ title }}{% endblock %}
{% block extra_head %}
  {% if canonical_url %}
    <link rel="canonical" href="{{ canonical_url }}">
  {% endif %}
{% endblock %}

{% block content %}
<main class="markdown-body">
  <h1>{{ title }}</h1>
  {% if missing_document %}
    <div class="alert alert-warning" role="alert">
      {% blocktrans with missing_document=missing_document %}The requested document "{{ missing_document }}" was not found. Choose one of the available documents below.{% endblocktrans %}
    </div>
  {% endif %}
  {% if sections %}
    {% for section in sections %}
      <section class="mb-4">
        <div class="d-flex align-items-center justify-content-between gap-3 mb-3">
          <h2 class="h4 mb-0">{{ section.title }}</h2>
          {% if section.current_prefix and section.parent_url %}
            <a class="btn btn-sm btn-outline-secondary" href="{{ section.parent_url }}">{% trans "Up one level" %}</a>
          {% endif %}
        </div>
        {% if section.items %}
          <div class="list-group">
            {% for item in section.items %}
              <a class="list-group-item list-group-item-action py-3" href="{{ item.url }}">
                <span class="d-block fw-semibold">{{ item.label }}</span>
                {% if item.description %}
                  <span class="d-block text-secondary small mt-1">{{ item.description }}</span>
                {% endif %}
              </a>
            {% endfor %}
          </div>
        {% else %}
          <p class="text-muted">{% trans "No application documents are available." %}</p>
        {% endif %}
      </section>
    {% endfor %}
  {% else %}
    <p class="text-muted">{% trans "No application documents are available." %}</p>
  {% endif %}
</main>
{% endblock %}