{#
  Covers only the transient gap between a file reaching Zenodo (upload is
  synchronous) and the real CKAN Link resources existing for it (created
  by publish_guard.py's deferred RQ job, only enqueued once the dataset
  is active AND public) - without it, someone landing on the dataset
  page in that window sees CKAN's own plain "This dataset has no data"
  right after successfully uploading, which reads as a failure rather
  than "still in progress" (or, for a private dataset, as if the upload
  silently vanished - it's just not getting a public Zenodo record yet,
  on purpose). Once the job runs, h.zenodo_pending_deposition_for_package()
  stops returning anything (real resources exist for it by then), so
  this never duplicates or outlives them.

  Also the only place a "remove this file" button makes sense for a
  file still pending (once published, that goes through CKAN's own
  normal "delete resource" button instead - see
  lib/delete_zenodo_file.py's own docstring) - these are the user's own
  files, theirs to remove while there's still time.

  Rendered inside the same <ul class="resource-list"> CKAN itself uses
  (see super(), core's package/snippets/resources_list.html) - each
  pending file is its own <li class="resource-item">, same shape as a
  real one (resource_item.html's own .heading + .description), so these
  don't look like a bespoke, differently-sized panel bolted on next to
  the real resource list.
#}
{% ckan_extends %}

{% block resource_list %}
  {% set zenodo_notice = h.zenodo_notice_for_package(pkg) %}
  {% if zenodo_notice %}
    {# Same classes core's own page.html uses to render a real
       flash_success() - this isn't one (see
       lib/helpers.py's zenodo_notice_for_package for why a deferred
       job can't use the real thing), styled identically so it doesn't
       look like a second, different kind of message. #}
    <div class="alert alert-dismissible fade show alert-success">
      {{ zenodo_notice.message }}
    </div>
  {% endif %}
  {% set zenodo_pending = h.zenodo_pending_deposition_for_package(pkg) %}
  {% if zenodo_pending %}
    {% set zenodo_can_edit = h.check_access('package_update', {'id': pkg.id}) %}
    {% if zenodo_pending.waiting_for_public %}
      {% set zenodo_message = _("Uploaded to Zenodo - won't be archived with a public DOI until this dataset itself is made public.") %}
    {% else %}
      {% set zenodo_message = _('Being archived on Zenodo - reload this page in a moment to see it.') %}
    {% endif %}
    <style>
      .zenodo-pending-item .heading {
        color: inherit;
        cursor: default;
      }
      .zenodo-pending-item .description {
        color: var(--fair3r-color-muted, #6c6c6c);
      }
    </style>
    <ul class="resource-list">
      {% for filename in zenodo_pending.filenames %}
        {% set ext = filename.rsplit('.', 1)[-1].lower() if '.' in filename else 'data' %}
        <li class="resource-item zenodo-pending-item">
          <span class="heading" title="{{ filename }}">
            {{ filename }}
            {# Same sprite-icon mechanism CKAN's own resource_item.html
               uses (.format-label, data-format=<extension>) - without
               it the 60px CKAN already reserves on the left for it
               (.resource-item's own left padding) was just empty
               space. #}
            <span class="format-label" data-format="{{ ext }}">{{ ext }}</span>
          </span>
          <p class="description">{{ zenodo_message }}</p>
          {% if zenodo_can_edit %}
            {# .btn-group is positioned absolutely at top-right by
               CKAN's own CSS (same spot its "Explore" button sits in
               on a real resource item) - keeps this on the same line
               as the heading/description instead of pushing them
               down. #}
            <div class="btn-group">
              <button
                type="button"
                class="btn btn-danger btn-sm zenodo-remove-file"
                data-filename="{{ filename }}"
              >{{ _('Remove') }}</button>
            </div>
          {% endif %}
        </li>
      {% endfor %}
    </ul>
    {% if zenodo_can_edit and zenodo_pending.filenames %}
      <script>
        document.addEventListener("DOMContentLoaded", function () {
          var $buttons = $(".zenodo-remove-file");
          if (!$buttons.length) {
            return;
          }
          var packageName = {{ pkg.name | tojson }};

          function csrfFieldName() {
            return $('meta[name="csrf_field_name"]').attr("content") || null;
          }
          function csrfHeaderToken() {
            var fieldName = csrfFieldName();
            return fieldName ? $('meta[name="' + fieldName + '"]').attr("content") : null;
          }

          $(document).on("click", ".zenodo-remove-file", function () {
            var $button = $(this);
            var filename = $button.data("filename");
            if (!window.confirm("{{ _('Remove') }} " + filename + "?")) {
              return;
            }
            $button.prop("disabled", true).text("{{ _('Removing…') }}");

            var xhr = new XMLHttpRequest();
            xhr.open(
              "DELETE",
              "/zenodo/upload/" + encodeURIComponent(packageName) + "/" + encodeURIComponent(filename),
              true
            );
            var csrfToken = csrfHeaderToken();
            if (csrfToken) {
              xhr.setRequestHeader("X-CSRFToken", csrfToken);
            }
            xhr.onload = function () {
              if (xhr.status >= 200 && xhr.status < 300) {
                var $item = $button.closest("li");
                var $list = $item.closest("ul");
                $item.remove();
                if (!$list.find("li").length) {
                  window.location.reload();
                }
              } else {
                $button.prop("disabled", false).text("{{ _('Remove') }}");
                window.alert("{{ _('Could not remove the file - try again shortly.') }}");
              }
            };
            xhr.onerror = function () {
              $button.prop("disabled", false).text("{{ _('Remove') }}");
              window.alert("{{ _('Network error.') }}");
            };
            xhr.send();
          });
        });
      </script>
    {% endif %}
  {% endif %}
  {{ super() }}
{% endblock %}