{#
  SPDX-FileCopyrightText: 2019-2022 CERN
  SPDX-FileCopyrightText: 2024 KTH Royal Institute of Technology.
  SPDX-License-Identifier: MIT
#}

{% macro records_list(
    title=_("Recent uploads"),
    fetch_url="/api/records?sort=newest&size=10"
  )
%}
  <div
    id="records-list"
    data-fetch-url="{{ fetch_url }}"
    data-title="{{ title }}"
  >

    <h2 class="ui header">{{ title }}</h2>

    {% for n in range(10) %}
      <div class="ui fluid placeholder rel-mt-3">
        <div class="header">
          <div class="line"></div>
        </div>

        <div class="paragraph">
          <div class="line"></div>
        </div>

        <div class="paragraph">
          <div class="line"></div>
          <div class="line"></div>
        </div>

        <div class="paragraph">
          <div class="line"></div>
        </div>
      </div>

      {% if n < 9 %}
        <div class="ui divider rel-mt-2 rel-mb-2"></div>
      {% endif %}
    {% endfor %}
  </div>

  {{ webpack['overridable-registry.js'] }}
  {{ webpack['invenio-app-rdm-frontpage.js']}}
{% endmacro %}