{#
  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.
#}
<section class="random-records-frontpage frontpage-tabbed"
         aria-label="{{ _('Recent uploads and new communities') }}">
  <div class="section-header">
    <div class="frontpage-tabs" role="tablist">
      <h2 class="frontpage-tab active"
          role="tab"
          tabindex="0"
          data-tab="uploads">{{ _("Recent uploads") }}</h2>
      {%- if config.OVERRIDE_FRONTPAGE_SHOW_NEW_COMMUNITIES %}
        <h2 class="frontpage-tab" role="tab" tabindex="0" data-tab="communities">{{ _("New communities") }}</h2>
      {%- endif %}
    </div>
    <div class="section-header-line"></div>
    <a href="{{ url_for('invenio_search_ui.search') }}"
       class="more"
       data-more="uploads">{{ _("All uploads") }} →</a>
    {%- if config.OVERRIDE_FRONTPAGE_SHOW_NEW_COMMUNITIES %}
      <a href="{{ url_for('invenio_communities.communities_search') }}"
         class="more"
         data-more="communities"
         hidden>{{ _("All communities") }} →</a>
    {%- endif %}
  </div>
  {# Panel: Recent uploads #}
  <div class="frontpage-tab-panel" data-panel="uploads">
    {% if not records %}
      <div class="ui centered grid">
        <p style="font-size: medium;">
          {% if config.OVERRIDE_SHOW_RDM_SEARCH or (not config.OVERRIDE_SHOW_PUBLICATIONS_SEARCH or not config.OVERRIDE_SHOW_EDUCATIONAL_RESOURCES) %}
            {{ _("Explore Research Results available in the repository.") }}
          {% else %}
            {{ _("There are no public records to show.") }}
          {% endif %}
        </p>
      </div>
    {% endif %}
    {%- for r in records %}
      {%- set creation_date = r.created | from_isodatetime -%}
      {%- set record_url = r.original.view %}
      <article class="record-card">
        <div class="badges">
          <span class="ui small horizontal label primary theme-primary">{{ r.created_date_l10n_long }}</span>
          {% if r.metadata.types | length > 0 %}
            <span class="ui small horizontal label neutral">{{ r.metadata.types[0] }}</span>
          {% endif %}
          <span class="ui small horizontal label access-status {{ r.access_status.id }}">
            <i class="icon {{ r.access_status.icon }}"></i>
            {{ r.access_status.title_l10n }}
          </span>
          <span class="ui small horizontal label schema">{{ r.original.schema_l10n }}</span>
        </div>
        <h4>
          <a href="{{ record_url }}">{{ r.metadata.titles[0] }}</a>
        </h4>
        <p class="record-card-creators">
          {%- for creator in r.metadata.creators %}
            <span>{{ creator }}
              {% if not loop.last %};{% endif %}
            </span>
          {%- endfor %}
        </p>
        {% if r.metadata.descriptions %}
          <p class="record-card-description hidden-xs">
            <a href="{{ record_url }}" style="color: inherit; text-decoration: none">
              {{ r.metadata.descriptions | join(" ") | striptags | safe | truncate(300) }}
            </a>
          </p>
        {% endif %}
        <div class="record-card-meta">
          <small>{{ _("Uploaded on") }} {{ r.created_date_l10n_long }}</small>
          <div class="record-card-stats">
            {% if r.stats is defined %}
              <span><i class="eye icon"></i> {{ r.stats.all_versions.unique_views or 0 }}</span>
              <span><i class="download icon"></i> {{ r.stats.all_versions.unique_downloads or 0 }}</span>
            {% endif %}
          </div>
        </div>
      </article>
    {%- endfor %}
  </div>
  {%- if config.OVERRIDE_FRONTPAGE_SHOW_NEW_COMMUNITIES %}
    {# Panel: New communities — core cards, fed by /api/communities?sort=newest.
       Tab switching + styling live in theme.js and frontpage.less. #}
    <div class="frontpage-tab-panel" data-panel="communities" hidden>
      <div id="new-communities"></div>
    </div>
  {%- endif %}
</section>