{#
  SPDX-FileCopyrightText: 2026 CERN.
  SPDX-License-Identifier: MIT
#}
{%- set release = repo.get('latest') %}

{%- block repository_item %}
  <div class="ui grid repository-item">
    <div class="thirteen wide computer thirteen wide tablet twelve wide mobile column">
      <div class="flex column-mobile column-tablet justify-space-between">
        <div class="flex align-items-center justify-space-between wrap mt-5 mb-5 rel-mr-1">
          <div class="flex align-items-center mb-5 mt-5">
            <a
              href="{{ repo_url(repo.full_name) }}"
              data-tooltip="{{ _('View %(repository_name)s on %(name)s', repository_name=vocabulary["repository_name"], name=vocabulary["name"]) }}"
              aria-label="{{ _('View %(repository_name)s on %(name)s:', repository_name=vocabulary["repository_name"], name=vocabulary["name"]) }} {{ repo.full_name }}"
              target="_blank"
            >
              <i class="{{ vocabulary["icon"] }} icon" aria-hidden="true"></i>
            </a>

            <a
              href="{{ url_for('.get_repository', provider=provider, vcs_repo_id=repo.id) }}"
              class="rel-mr-1"
            >
              <b>{{ repo.full_name }}</b>
            </a>
          </div>

          {%- block repository_item_extra_info %}
            {# A slot for higher-level modules (e.g. RDM) to add additional UI metadata, for example a link to the repo's latest record. #}
          {%- endblock %}
        </div>


        <div>
          <div class="repo-switch-message ui tiny compact icon message pt-10 pb-10 rel-pr-1 rel-pl-1 mt-5 mb-5 hidden">
            <i class="icon" aria-hidden="true"></i>
            <p role="alert" class="content m-0"></p>
          </div>
        </div>
      </div>
    </div>

    <div class="three wide computer three wide tablet four wide mobile middle aligned right aligned column">
      {%- block item_repo_switch %}
        {%- set repo = repo.instance %}
        {%- include config.VCS_TEMPLATE_REPO_SWITCH with context %}
      {%- endblock %}
    </div>
  </div>
{%- endblock %}