{% extends 'dg_wiki/_wiki.html' %}
{% load i18n humanize dg_core %}

{% block page_title %}{{ page.title }}{% endblock %}

{% block wiki_head %}{% mention_people 'wiki' %}{% include 'dg_core/_editor_assets.html' %}{% endblock %}

{% block main %}
{% include 'dg_wiki/_crumbs.html' %}
<div class="wk-heading">
  <h1>{{ page.title }}</h1>
  <div class="d-flex gap-2">
    <a class="btn btn-sm btn-primary" href="{% url 'dg_wiki:page_edit' page.path %}"><i class="bi bi-pencil"></i> {% translate "Edit" %}</a>
    <div class="dropdown">
      <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="dropdown" aria-expanded="false" aria-label="{% translate 'More' %}"><i class="bi bi-three-dots"></i></button>
      <ul class="dropdown-menu dropdown-menu-end">
        <li><a class="dropdown-item" href="{% url 'dg_wiki:page_create' %}?parent={{ page.pk }}"><i class="bi bi-file-earmark-plus"></i> {% translate "New page under this one" %}</a></li>
        <li><a class="dropdown-item" href="{% url 'dg_wiki:page_move' page.path %}"><i class="bi bi-arrow-right-square"></i> {% translate "Move" %}</a></li>
        {% if can_translate %}<li><a class="dropdown-item" href="{% url 'dg_wiki:page_translate' page.path %}"><i class="bi bi-translate"></i> {% translate "Translate" %}</a></li>{% endif %}
        <li><a class="dropdown-item" href="{% url 'dg_wiki:page_history' page.path %}"><i class="bi bi-clock-history"></i> {% translate "History" %}</a></li>
        <li><a class="dropdown-item" href="{% url 'dg_wiki:page_export' page.path %}"><i class="bi bi-download"></i> {% if children %}{% translate "Download with the pages under it" %}{% else %}{% translate "Download as Markdown" %}{% endif %}</a></li>
        <li><hr class="dropdown-divider"></li>
        <li>
          {% if children %}
            <span class="dropdown-item disabled" title="{% translate 'Move or delete the pages under this page first.' %}"><i class="bi bi-trash"></i> {% translate "Delete" %}</span>
          {% else %}
            <form method="post" action="{% url 'dg_wiki:page_delete' page.path %}"
                  onsubmit="return confirm('{% translate "Delete this page? Its history stays." %}')">
              {% csrf_token %}<button type="submit" class="dropdown-item text-danger"><i class="bi bi-trash"></i> {% translate "Delete" %}</button>
            </form>
          {% endif %}
        </li>
      </ul>
    </div>
  </div>
</div>
{% if translations or page.language %}
  <p class="wk-languages small mb-1">
    {% if page.language %}<span class="badge text-bg-light border">{{ page.language|language_name_local }}</span>{% endif %}
    {% if translations %}
      <span class="wk-muted">{% translate "Also in" %}</span>
      {% for each in translations %}<a href="{{ each.get_absolute_url }}" lang="{{ each.language }}" hreflang="{{ each.language }}">{% if each.language %}{{ each.language|language_name_local }}{% else %}{{ each.title }}{% endif %}</a>{% if not forloop.last %} · {% endif %}{% endfor %}
    {% endif %}
  </p>
{% endif %}
{% if behind %}
  <div class="alert alert-info py-2 small">
    {% blocktranslate with url=behind.get_absolute_url title=behind.title %}<a href="{{ url }}">{{ title }}</a>, which this page translates, changed after this page did. It may say more by now.{% endblocktranslate %}
    <a href="{% url 'dg_wiki:page_history' behind.path %}">{% translate "See what changed" %}</a>
  </div>
{% endif %}
{% if last_change %}
  <p class="wk-muted small mb-4">
    <a class="link-secondary link-underline-opacity-0 link-underline-opacity-75-hover" href="{% url 'dg_wiki:page_history' page.path %}">{% blocktranslate with person=last_changed_by when=last_change.history_date|naturaltime %}Last changed by {{ person }}, {{ when }}{% endblocktranslate %}{% if last_changed_via %} {{ last_changed_via }}{% endif %}</a>
  </p>
{% endif %}

<div class="wk-page">
  <article class="wk-prose"{% if page.language %} lang="{{ page.language }}"{% endif %}>
    {% if page.body %}
      {{ html }}
    {% elif children %}
      {# A page that only holds others shows them: what an index page would. #}
      <ul class="wk-index">{% for child in children %}<li><a href="{{ child.get_absolute_url }}">{{ child.title }}</a></li>{% endfor %}</ul>
      <p class="wk-muted small"><a class="link-secondary" href="{% url 'dg_wiki:page_edit' page.path %}">{% translate "Write an introduction" %}</a></p>
    {% else %}
      <p class="wk-muted fst-italic">{% translate "This page is empty." %} <a href="{% url 'dg_wiki:page_edit' page.path %}">{% translate "Write it" %}</a></p>
    {% endif %}
  </article>
  {% if headings %}
    <aside class="wk-contents">
      <div class="wk-panel-title">{% translate "On this page" %}</div>
      <ul>{% for heading in headings %}<li class="wk-level-{{ heading.level }}"><a href="#{{ heading.id }}">{{ heading.name }}</a></li>{% endfor %}</ul>
    </aside>
  {% endif %}
</div>

<div class="wk-related">
  {% if children and page.body %}
    <section>
      <div class="wk-panel-title">{% translate "Pages under this one" %}</div>
      <ul>{% for child in children %}<li><a href="{{ child.get_absolute_url }}">{{ child.title }}</a></li>{% endfor %}</ul>
    </section>
  {% endif %}
  {% if backlinks %}
    <section>
      <div class="wk-panel-title">{% translate "Pages that link here" %}</div>
      <ul>{% for linking in backlinks %}<li><a href="{{ linking.get_absolute_url }}">{{ linking.title }}</a></li>{% endfor %}</ul>
    </section>
  {% endif %}
  <section>
    <div class="wk-panel-title">{% translate "Files" %}</div>
    {% for attachment in attachments %}
      {% if attachment.is_image %}
        <a class="wk-thumb" href="{{ attachment.get_absolute_url }}" target="_blank" title="{{ attachment.name }}"><img src="{{ attachment.get_absolute_url }}" alt="{{ attachment.name }}" loading="lazy"></a>
      {% endif %}
    {% endfor %}
    <ul>
      {% for attachment in attachments %}{% if not attachment.is_image %}
        <li><i class="bi bi-file-earmark wk-muted"></i> <a href="{{ attachment.get_absolute_url }}">{{ attachment.name }}</a> <span class="wk-muted small">{{ attachment.size|filesizeformat }}</span></li>
      {% endif %}{% endfor %}
    </ul>
    <details>
      <summary class="small wk-muted"><i class="bi bi-upload"></i> {% translate "Add a file" %}</summary>
      <form method="post" action="{% url 'dg_wiki:page_attach' page.path %}" enctype="multipart/form-data" class="mt-2">
        {% csrf_token %}
        <div class="input-group input-group-sm">
          <input type="file" name="file" class="form-control" required aria-label="{% translate 'File' %}">
          <button type="submit" class="btn btn-outline-secondary">{% translate "Upload" %}</button>
        </div>
      </form>
    </details>
  </section>
</div>

{% include 'dg_wiki/_comments.html' %}
{% endblock %}