{#
  SPDX-FileCopyrightText: 2019-2020 CERN.
  SPDX-FileCopyrightText: 2019-2020 Northwestern University.
  SPDX-FileCopyrightText: 2021 New York University.
  SPDX-FileCopyrightText: 2020-2026 TU Wien.
  SPDX-License-Identifier: MIT
#}

{#- base: invenio-app-rdm v9.1.2 #}
{#- changes: everything, including view function #}
{%- extends config.BASE_TEMPLATE %}

{%- block page_header %}
  {% include config.THEME_HEADER_TEMPLATE %}
{%- endblock %}

{%- block css %}
  {{ super() }}
  {{ webpack["invenio-theme-tuw-frontpage.css"] }}
{%- endblock %}

{%- block page_hero %}
  <section class="frontpage no-shrink" id="hero">
    <form action="{{ config.THEME_SEARCH_ENDPOINT }}">
      <div class="ui action input" id="searchbar">
        <label class="invisible" for="q">Search Query</label>
        <input class="huge" id="q" name="q" placeholder="Search {{ record_count() }} records..." type="text">
        <button class="ui icon button huge" type="submit" aria-label="submit query">
          <i class="search icon"></i>
        </button>
      </div>
    </form>
    <a href="{{ config.THEME_TUW_CORETRUSTSEAL_URL }}" target="_blank">
      <img class="cts logo" src="/static/images/footer-logos/coretrustseal-logo.webp" alt="{{ _('Logo of Core Trust Seal') }}" />
    </a>
  </section>
{%- endblock page_hero %}

{%- block page_body %}
  <section id="welcome" class="ui container">
    <h1 class="title">{{ config.THEME_SITENAME }} Repository</h1>
      <span class="subtitle">Share your research. Grow its impact. Keep it safe for the future.</span>

    <p>
      Our institutional platform enables you, as a TU Wien researcher or affiliated partner, to manage and publish your data and code with ease.
      Every upload is assigned a DOI and a usage license, ensuring compliance with the FAIR principles and funder requirements.
      You remain in control of your data, deciding whether to share it openly, restrict access to selected collaborators, or keep it private until you're ready.
      Throughout the process, you'll benefit from the personal support of our dedicated repository team.
    </p>
  </section>

  <section id="features" class="ui cards container">
    <a class="card" href="{{ invenio_url_for("invenio_app_rdm_records.deposit_create") }}" rel="noopener">
      <img src="static/images/features/new-upload.svg" alt="a cloud surrounded by a circle of arrows"/>
      <span class="card-title">New upload</span>
      <span class="card-text">
        Submit your data and metadata step-by-step.
      </span>
    </a>
    <a class="card" href="{{ invenio_url_for('invenio_communities.communities_frontpage') }}">
      <img src="static/images/features/communities.svg" alt="three people watching a presentation with a plus on the side"/>
      <span class="card-title">Communities</span>
      <span class="card-text">
        Create a dedicated space for your team, project, or field of research.
      </span>
    </a>
    <a class="card" href="{{ invenio_url_for('invenio_theme_tuw.tuw_about_programmatic_access') }}">
      <img src="static/images/features/api-and-automation.svg" alt="database and wifi signal symbols in a circle"/>
      <span class="card-title">API & Automation</span>
      <span class="card-text">
        Find guidance on connecting with virtual environments and accessing REST API documentation.
      </span>
    </a>
    <a class="card" href="{{ config.THEME_TUW_FAQ_URL }}" target="_blank" rel="noopener">
      <img src="static/images/features/faq-and-upload-guide.svg" alt="text next to a magnifier"/>
      <span class="card-title">FAQ & Upload guide</span>
      <span class="card-text">
        Got questions? Our FAQ has the answers.
      </span>
    </a>
  </section>

  <section id="recent-uploads" class="ui container">
    <h1>Recent uploads</h1>

    <div>
      {%- for r in records %}
        {%- set creation_date = r.created|from_isodatetime -%}
        {%- set record_url = url_for('invenio_app_rdm_records.record_detail', pid_value=r.id) %}

        <article class="invenio-record">
          <h2 class="smaller-text">
            <a href="{{ record_url }}" class="no-decoration">
              {{ r.metadata.title }}
            </a>
          </h2>

          <div>
            {%- set creators = r.metadata.creators[:10] -%}
            {%- set more_creators = r.metadata.creators|length - 10 %}
            {%- for creator in creators %}
              {%- if creator.identifiers and creator.identifiers.orcid %}
                <a href="{{ creator.identifiers.orcid|pid_url('orcid') }}" target="_blank" rel="noopener">
                  <img class="inline-orcid" src="{{ url_for('static', filename='extra/orcid.png') }}" alt="The ORCID logo" />
                </a>
              {%- endif %}
              <span class="text-muted" {% if creator.affiliations %} {% for affiliation in creator.affiliations %}
                    data-tooltip="{{ affiliation.name }}" {%- endfor %} {% endif %}>
                {{ creator.person_or_org.name }}
              </span>
              {% if not loop.last %}; {% endif %}{% if loop.last and more_creators > 0 %}; <span class="text-muted">et al. ({{ more_creators }} more)</span>{% endif %}
            {%- endfor %}
          </div>

          <div class="badges">
            <!--Publication date/Version badge-->
            <span class="ui label blue" data-tooltip="{{ _('Publication date') }}">
              {{ r.metadata.publication_date }} {{ '(' ~ r.metadata.version ~ ')' if r.metadata.version }}
            </span>

            <!--Resource type badge-->
            <span class="ui label grey" data-tooltip="{{ _('Resource type') }}">
              {{ r.ui.resource_type.title_l10n }}
            </span>

            <span class="ui label access-status {{ r.ui.access_status.id }}"
                  data-tooltip="{{ r.ui.access_status.description_l10n }}">
              {% if r.ui.access_status.icon %}<i class="icon {{ r.ui.access_status.icon }}"></i>{% endif %}
              {{ r.ui.access_status.title_l10n }}
            </span>
          </div>

          <div>
            {{ r.metadata.description | striptags | truncate(300) }}
          </div>

          <div class="ui grid">
            <div class="two column row">
              <div class="left floated column">
                {%- for s in r.metadata.subjects %}
                  <div class="ui tiny label">{{ s.subject }}</div>
                {%- endfor %}
                <div>
                  <small>
                    {% trans user=userprofile, date=creation_date | dateformat('long') %}
                      Uploaded on {{ date }}
                    {% endtrans %}
                  </small>
                </div>
              </div>
            </div>
          </div>
        </article>

      {%- endfor %}
    </div>

    <div class="ui centered grid">
      <a href="{{ config.THEME_SEARCH_ENDPOINT }}"><button id="more-button" class="ui primary button">More</button></a>
    </div>

    {%- if not records %}
      <div class="ui visible message">
        <p>Currently no records available.</p>
      </div>
    {%- endif %}

  </section>

{%- endblock page_body %}

{%- block javascript %}
  {{ super() }}
{%- endblock javascript %}

{%- block trackingcode %}
  {% include config.THEME_TRACKINGCODE_TEMPLATE %}
{%- endblock %}