{% extends "wagtailadmin/generic/base.html" %}
{% load i18n static %}

{% block extra_css %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'wagtail_in_a_tree/tree.css' %}">
{% endblock extra_css %}

{% block main_content %}
  <p>
    {% if view.parent %}
      {% blocktranslate trimmed with name=view.parent %}
        Every level under “{{ name }}” will be sorted alphabetically. The current order will be lost.
      {% endblocktranslate %}
    {% else %}
      {% translate "Every level of the tree will be sorted alphabetically. The current order will be lost." %}
    {% endif %}
  </p>
  <section class="tb-sort-preview" aria-labelledby="tb-sort-preview-heading">
    <h2 id="tb-sort-preview-heading" class="w-h3">{% translate "Order after sorting" %}</h2>
    {% if view.parent %}
      <p class="tb-sort-preview__parent" id="tb-sort-preview-parent">{{ view.parent }}</p>
    {% endif %}
    {% include "wagtail_in_a_tree/sort_preview.html" with items=view.preview labelledby=view.parent|yesno:"tb-sort-preview-parent," %}
  </section>
  <form method="post">
    {% csrf_token %}
    <button type="submit" class="button">{% translate "Yes, sort" %}</button>
    <a href="{{ view.listing_url }}" class="button button-secondary">{% translate "No, keep the current order" %}</a>
  </form>
{% endblock main_content %}