{% extends base_template|default:"displaypage/base.html" %}
{# A display page: its sections in order (displaypage.views_public). #}

{% block body_class %} dp-site--page dp-page-{{ display_page.slug }}{% endblock %}

{% block content %}
<article id="page-{{ display_page.pk }}" class="dp-page">
  {% if not display_page.status %}<p class="dp-notice dp-container">This page is not published; only editors can see it.</p>{% endif %}
  {% if display_page.show_title and display_page.title %}
  <header class="dp-page-header">
    <div class="dp-container">
      <h1 class="dp-page-header__title">{{ display_page.title }}</h1>
    </div>
  </header>
  {% endif %}

  {% for section in sections %}
    {% include "displaypage/includes/section.html" with section=section editable=can_edit_display_page first=forloop.first %}
  {% empty %}
    {% if can_edit_display_page %}
    <div class="dp-container dp-page__empty">
      <p>This page has no sections yet.</p>
      <button type="button" class="editor-btn" data-edit-url="{% url add_view_name display_page.pk %}"><i class="fa-solid fa-plus editor-btn__icon" aria-hidden="true"></i><span>Add section</span></button>
    </div>
    {% endif %}
  {% endfor %}
</article>
{% endblock %}