{% load displaypage_tags %}
<div class="editor-section-controls">
  <button type="button"
          class="editor-btn editor-section-move"
          data-url="{% url move_view_name section.pk 'up' %}"
          title="Move section up" aria-label="Move section up">
    <i class="fa-solid fa-arrow-up editor-btn__icon" aria-hidden="true"></i>
  </button>
  <button type="button"
          class="editor-btn editor-section-move"
          data-url="{% url move_view_name section.pk 'down' %}"
          title="Move section down" aria-label="Move section down">
    <i class="fa-solid fa-arrow-down editor-btn__icon" aria-hidden="true"></i>
  </button>
  {% include "displaypage/partials/visibility_picker.html" with section=section toggle_visibility_view_name=toggle_visibility_view_name %}
  <button type="button"
          class="editor-btn"
          data-edit-url="{% url add_view_name owner.pk|default:display_page.pk %}?after={{ section.pk }}"
          title="Add section" aria-label="Add section after this one">
    <i class="fa-solid fa-plus editor-btn__icon" aria-hidden="true"></i>
    <span>Add section</span>
  </button>
  {% if edit_url %}
  <button type="button"
          class="editor-btn"
          data-edit-url="{{ edit_url }}">
    <i class="fa-solid fa-pen-to-square editor-btn__icon" aria-hidden="true"></i>
    <span>{{ edit_label|default:"Edit" }}</span>
  </button>
  {% endif %}
  {% url 'displaypage:section_duplicate' section.pk as duplicate_url %}
  {% if duplicate_url %}
  {% url 'displaypage:section_save' section.pk as save_url %}
  <div class="editor-menu" data-dp-menu>
    <button type="button" class="editor-btn" data-dp-menu-trigger aria-haspopup="true" aria-expanded="false"
            title="More options" aria-label="More section options">
      <i class="fa-solid fa-gear editor-btn__icon" aria-hidden="true"></i>
    </button>
    <div class="editor-menu__list" data-dp-menu-list role="menu" hidden>
      <button type="button" role="menuitem" data-dp-post-url="{{ duplicate_url }}">
        <i class="fa-regular fa-clone" aria-hidden="true"></i> Duplicate section
      </button>
      {% can_use_saved_sections as can_save %}
      {% if can_save %}
      <button type="button" role="menuitem" data-edit-url="{{ save_url }}">
        <i class="fa-regular fa-bookmark" aria-hidden="true"></i> Save for reuse
      </button>
      {% endif %}
    </div>
  </div>
  {% endif %}
  {% if view_url %}
  <a class="editor-btn"
     href="{{ view_url }}">
    <i class="fa-solid fa-book-open editor-btn__icon" aria-hidden="true"></i>
    <span>{{ view_label|default:"View" }}</span>
  </a>
  {% endif %}
</div>