{#
  Copyright (C) 2020-2026 Graz University of Technology.

  invenio-override is free software; you can redistribute it and/or
  modify it under the terms of the MIT License; see LICENSE file for more
  details.

  Extends the lom (OER) uploads dashboard and fills the
  `dashboard_actions` block with the "New upload" circle button
  which is wired in via the LOM_UPLOADS_TEMPLATE config.
#}
{%- extends "invenio_records_lom/uploads.html" %}
{%- set title = _("Educational Resources") %}
{%- set page_description = _("Manage and publish your openly licensed educational materials.") %}
{%- block dashboard_actions %}
  <div class="dashboard-mobile-action-bar">
    <a href="/oer/uploads/new" class="upload-new-circle">
      <i class="upload icon"></i>
    </a>
    <div class="upload-new-label-wrap">
      <span class="upload-new-title">{{ _("New upload") }}</span>
      <span class="upload-new-desc">{{ _("Share your educational resources") }}</span>
    </div>
  </div>
  <div id="upload-new-circle-lom"
       class="upload-new-wrap"
       style="display:none">
    <a href="/oer/uploads/new" class="upload-new-circle">
      <i class="upload icon"></i>
    </a>
    <div class="upload-new-label-wrap">
      <span class="upload-new-title">{{ _("New upload") }}</span>
      <span class="upload-new-desc">{{ _("Share your educational resources") }}</span>
    </div>
  </div>
  <script>
  (function () {
    function injectUploadCircle() {
      var circle = document.getElementById('upload-new-circle-lom');
      if (!circle) return;
      var filterRow = document.querySelector('#invenio-search-lom-config .ui.grid > .row.computer.only');
      if (!filterRow) return;
      var firstCol = filterRow.querySelector('.column:first-child');
      if (!firstCol) return;
      firstCol.style.display = 'flex';
      firstCol.style.alignItems = 'center';
      firstCol.style.justifyContent = 'flex-start';
      circle.style.display = 'inline-flex';
      firstCol.appendChild(circle);
    }

    var attempts = 0;
    var interval = setInterval(function () {
      attempts++;
      var row = document.querySelector('#invenio-search-lom-config .ui.grid > .row.computer.only');
      if (row) {
        clearInterval(interval);
        injectUploadCircle();
      } else if (attempts > 40) {
        clearInterval(interval);
      }
    }, 100);
  })();
  </script>
{%- endblock dashboard_actions %}