{#- vim: set et ts=8 sts=4 sw=4 ai: -#}
{% extends "page.html" %}
{% from "snippets/diff_side_by_side.html" import diff_side_by_side %}

{% block content %}
{#- the delta is empty for less than a second ago -#}
{%- macro time_ago(datetime) -%}
{%- set ago = datetime|format_datetime("deltanow") -%}
<span title="{{datetime|format_datetime}}">{{ ago ~ " ago" if ago else "just now" }}</span>
{%- endmacro -%}
{%- set draft_saved = time_ago(draft_datetime) -%}
{#- discarding the draft opens the editor with the latest saved version, which
    is the left side of the diff, unless the page has been changed since the
    draft was started -#}
{%- if not changes %}
{%- set discard_label = "Discard draft" %}
{%- elif page_exists %}
{%- set discard_label = "Discard draft, edit latest version" %}
{%- else %}
{%- set discard_label = "Discard draft, start a new page" %}
{%- endif %}
{%- macro draft_button(action, label, classes) -%}
<form action="{{ url_for("edit", path=pagepath) }}" method="POST" class="draft-button">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" name="draft" value="{{ action }}" />
    <input class="btn {{ classes }}" type="submit" name="submit" value="{{ label }}" />
</form>
{%- endmacro %}
<div class="card">
    <h2 class="card-title">Continue editing draft?</h2>

    <div class="mt-5 mb-15">
        You have a draft of <strong>{{pagepath}}</strong>, saved {{ draft_saved }}.
    </div>

{% if changes is none or changes %}
    <div class="alert alert-secondary mb-15" role="alert" id="draft-outdated">
{% if changes is none %}
        <h4 class="alert-heading">The page might have been changed</h4>
        The revision this draft is based on can not be found in the history of <strong>{{pagename}}</strong>.
        The page might have been changed since the draft was started.
{% elif not page_exists %}
        <h4 class="alert-heading">The page has been deleted</h4>
        <strong>{{pagename}}</strong> has been deleted since the draft was started.
{% else %}
        <h4 class="alert-heading">The page has been changed</h4>
        <strong>{{pagename}}</strong> has been changed since the draft was started.
        Saving the draft overwrites these changes:
{% endif %}
{% if changes %}
        <ul class="mt-5 mb-5">
{% for entry in changes %}
            <li>
{%- if page_exists %}
                <a href="{{ url_for('pageview', path=pagepath, revision=entry.revision) }}" class="revision-small">{{entry.revision}}</a>
{%- else %}
                <span class="revision-small">{{entry.revision}}</span>
{%- endif %}
                {{ time_ago(entry.datetime) }}
                by {{entry.author_name}}: {{entry.message or '-/-'}}
            </li>
{% endfor %}
        </ul>
{% if page_exists and draft_revision %}
        <a href="{{ url_for('diff', path=pagepath, rev_a=draft_revision, rev_b=changes[0].revision) }}">Show changes</a>
{% endif %}
{% endif %}
    </div>
{% endif %}

{% if not draft_diff %}
    {#- without a diff, there are no sides to place the buttons above #}
    <div class="d-flex flex-wrap">
        {{ draft_button("edit", "Continue editing draft", "btn-primary mr-15 mb-10") }}
        {{ draft_button("discard", discard_label, "mb-10") }}
    </div>
{% endif %}
</div>

{% if diff_against_stored %}
<p class="text-muted">Compared to the stored version, since the version the draft is based on is not available.</p>
{% endif %}
{% if draft_diff %}
{%- macro revision_link(revision) -%}
{%- if page_exists %} <a href="{{ url_for('pageview', path=pagepath, revision=revision) }}" class="revision-small">{{revision}}</a>
{%- else %} <span class="revision-small">{{revision}}</span>
{%- endif -%}
{%- endmacro %}
{% call diff_side_by_side(draft_diff, id="draft-diff") %}
<tr>
  <th class="diff-header diff-buttons" colspan="2">{{ draft_button("discard", discard_label, "") }}</th>
  <th class="diff-header diff-buttons" colspan="2">{{ draft_button("edit", "Continue editing draft", "btn-primary") }}</th>
</tr>
<tr>
  <th class="diff-header" colspan="2">
{%- if diff_against_stored %}
    Latest saved version{% if current_revision %}{{ revision_link(current_revision) }}{% endif %}
{%- elif not draft_revision %}
    New page
{%- elif changes %}
    Version the draft is based on{{ revision_link(draft_revision) }}
{%- else %}
    Latest saved version{{ revision_link(draft_revision) }}
{%- endif -%}
  </th>
  <th class="diff-header" colspan="2">
    Your draft <span class="font-weight-normal text-muted">saved {{ draft_saved }}</span>
  </th>
</tr>
{% endcall %}
{% else %}
<p>The draft has no changes.</p>
{% endif %}
{% endblock %}