{% load i18n %}
<div hidden>
  <dialog class="pk-dialog" id="save-for-later" aria-labelledby="saved-draft-title">
    <form action="leave" method="POST" id="save-for-later-form">
      <div class="pk-dialog--titlebar">
        {% block dialog-title %}
          <h2 class="pk-dialog--title" id="saved-draft-title">{% trans "Saved draft" %}</h2>
        {% endblock %}
        <button type="submit" formmethod="dialog" class="pk-dialog--close-button">{% trans "Close" %}</button>
      </div>
      <input type="hidden" name="magictoken" value="{{ magictoken }}">
      <div class="pk-dialog--content">
        {% block dialog-draft-expiration %}
          <p>
            {% blocktrans trimmed with draft_expiry_date=view.get_draft_expiry_date %}
              A draft has been saved and will be available <strong>until {{ draft_expiry_date }}</strong>.
            {% endblocktrans %}
          </p>
        {% endblock %}

        {% block dialog-draft-lookup-info %}
          <p>
            {% with tracking_code=get_tracking_code %}
              {% if tracking_code and user %}
                {% blocktrans trimmed with tracking_code=tracking_code %}
                  You will find it using the tracking code
                  <strong class="save-for-later--tracking-code">{{ tracking_code }}</strong> or
                  <strong class="save-for-later--personal-space">from your personal space</strong>.
                {% endblocktrans %}
              {% elif user %}
                {% blocktrans trimmed with tracking_code=tracking_code %}
                  You will find it <strong class="save-for-later--personal-space">in your
                    personal space</strong>.
                {% endblocktrans %}
              {% elif tracking_code %}
                {% blocktrans trimmed with tracking_code=tracking_code %}
                  You will find it using the tracking code
                  <strong class="save-for-later--tracking-code">{{ tracking_code }}</strong>.
                {% endblocktrans %}
              {% endif %}
            {% endwith %}
          </p>
        {% endblock %}
      </div>
      <div class="pk-dialog--buttons">
        <button id="discard-draft" name="discard-draft" value="on">{% trans "Discard draft" %}</button>
        <button id="leave-form" name="leave-form" value="on">{% trans "Leave form" %}</button>
      </div>
    </form>
  </dialog>
</div>