{# The saved sections list (the {% saved_sections_panel %} tag): for a tab of a site's pages manager. #}
{% if rows is not None %}
<div class="dp-saved">
  <p class="dp-saved__intro">Sections kept for reuse. Add a copy to any page from "Add section"; save one from the gear menu of a section on a page.</p>
  <div class="dp-saved__tools">
    <button type="button" class="editor-btn" data-edit-url="{% url 'displaypage:saved_import' %}"><i class="fa-solid fa-file-import editor-btn__icon" aria-hidden="true"></i><span>Import</span></button>
    {% if rows %}<a class="editor-btn" href="{% url 'displaypage:saved_export_all' %}"><i class="fa-solid fa-file-export editor-btn__icon" aria-hidden="true"></i><span>Export all</span></a>{% endif %}
  </div>
  <table class="manage-table dp-saved__table">
    <thead><tr><th>Name</th><th>Type</th><th>Description</th><th></th></tr></thead>
    <tbody>
      {% for row in rows %}
      <tr>
        <td>{{ row.saved.name }}</td>
        <td>{{ row.kind }}</td>
        <td>{{ row.saved.description|striptags|truncatechars:80 }}</td>
        <td class="dp-saved__actions">
          {% if row.edit_url %}<button type="button" class="manage-icon" data-edit-url="{{ row.edit_url }}" title="Edit the section" aria-label="Edit the section"><i class="fa-solid fa-pen-to-square" aria-hidden="true"></i></button>{% endif %}
          <button type="button" class="manage-icon" data-edit-url="{% url 'displaypage:saved_edit' row.saved.pk %}" title="Rename" aria-label="Rename"><i class="fa-solid fa-tag" aria-hidden="true"></i></button>
          {% if row.portable %}<a class="manage-icon" href="{% url 'displaypage:saved_export' row.saved.pk %}" title="Export" aria-label="Export"><i class="fa-solid fa-file-export" aria-hidden="true"></i></a>{% endif %}
          <button type="button" class="manage-icon" data-dp-post-url="{% url 'displaypage:saved_delete' row.saved.pk %}" data-dp-confirm="Delete the saved section &quot;{{ row.saved.name }}&quot;? Copies already on pages are not affected." title="Delete" aria-label="Delete"><i class="fa-solid fa-trash" aria-hidden="true"></i></button>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="4">No saved sections yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}