{% extends "admin/base_site.html" %}
{% block content %}
<main class="cms-workflow">
  <style>
    .cms-workflow { max-width: 72rem; margin-inline: auto; padding: 1rem; }
    .cms-workflow h1 { font-size: 1.5rem; margin-block: .5rem 1rem; }
    .cms-workflow .panel { border: 1px solid #b9c7c9; border-radius: .6rem; padding: 1rem; margin-block: 1rem; }
    .cms-workflow .row { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; padding-block: .5rem; border-top: 1px solid #dce3e4; }
    .cms-workflow button, .cms-workflow .button { min-height: 2.5rem; padding: .5rem .8rem; }
    .cms-workflow button { border: 1px solid #076e73; border-radius: .35rem; background: #076e73; color: #fff; font-weight: 700; cursor: pointer; }
    .cms-workflow button:hover { background: #055b60; }
    .cms-workflow .muted { color: #4b5f63; }
  </style>
  <h1>{{ title }}</h1>
  <p>Published revision: <strong>{% if target.published_revision %}{{ target.published_revision.number }}{% else %}None{% endif %}</strong></p>
  {% if can_edit %}
    {% if is_page %}<a class="button" href="{% url 'admin:content_editorialpage_draft' target.pk %}">Edit a new draft</a>
    {% else %}<a class="button" href="{% url 'admin:content_siteidentity_draft' target.pk %}">Edit a new draft</a>{% endif %}
  {% endif %}
  <section class="panel" aria-labelledby="drafts-heading">
    <h2 id="drafts-heading">Draft revisions</h2>
    {% for revision in drafts %}
      <div class="row">
        <strong>Revision {{ revision.number }}</strong>
        <span class="muted">Created {{ revision.created_at }} by {{ revision.created_by|default:"system" }}</span>
        {% if is_page %}<a href="{% url 'admin:content_editorialpage_preview' target.pk revision.pk %}">Preview draft</a>
        {% else %}<a href="{% url 'admin:content_siteidentity_preview' target.pk revision.pk %}">Preview draft</a>{% endif %}
        {% if can_publish %}
          <form method="post" action="{% if is_page %}{% url 'admin:content_editorialpage_publish' target.pk revision.pk %}{% else %}{% url 'admin:content_siteidentity_publish' target.pk revision.pk %}{% endif %}">
            {% csrf_token %}<input type="hidden" name="expected_published_id" value="{{ target.published_revision_id|default_if_none:'' }}">
            <button type="submit">Publish this revision</button>
          </form>
        {% endif %}
      </div>
    {% empty %}<p>No drafts yet.</p>{% endfor %}
  </section>
  <section class="panel" aria-labelledby="history-heading">
    <h2 id="history-heading">Published history</h2>
    {% for revision in history %}
      <div class="row">
        <strong>Revision {{ revision.number }}</strong>
        <span class="muted">Published {{ revision.published_at }} by {{ revision.published_by|default:"system" }}</span>
        {% if can_restore and revision.pk != target.published_revision_id %}
          <form method="post" action="{% if is_page %}{% url 'admin:content_editorialpage_restore' target.pk revision.pk %}{% else %}{% url 'admin:content_siteidentity_restore' target.pk revision.pk %}{% endif %}">
            {% csrf_token %}<input type="hidden" name="expected_published_id" value="{{ target.published_revision_id|default_if_none:'' }}">
            <button type="submit">Restore as new revision</button>
          </form>
        {% endif %}
      </div>
    {% empty %}<p>No published revision yet.</p>{% endfor %}
  </section>
</main>
{% endblock %}