{#
  SPDX-FileCopyrightText: 2024 CERN.
  SPDX-FileCopyrightText: 2025 Graz University of Technology.
  SPDX-License-Identifier: MIT
#}

{% extends "invenio_communities/details/base.html" %}

{% set active_community_header_menu_item= 'browse' %}
{% set search_endpoint = community["links"]["subcommunities"] %}
{%- set title = community_ui["metadata"]["title"] + _(" subcommunities") -%}

{%- block javascript %}
{{ super() }}
{{ webpack['invenio-communities-subcommunities.js'] }}
{%- endblock %}

{%- block page_body %}
{{ super() }}
<div class="ui container fluid page-subheader rel p-10 mr-0-mobile ml-0-mobile">
  <div class="collection-header ui container align-items-center justify-space-between">
    <h1 class="ui medium header m-0">{{ config.get("APP_RDM_SUBCOMMUNITIES_LABEL", _("Subcommunities")) }}</h1>
  </div>
</div>
<!-- Breadcrumbs -->
<div class="ui container mb-0">
  <div class="ui breadcrumb">
    <a class="section"
      href="{{ url_for('invenio_app_rdm_communities.communities_browse', pid_value=community_ui['slug'] ) }}">
      {{ _("Browse") }}
    </a>
    <i class="angle right icon divider mr-0" aria-hidden="true"></i>
    <a class="section"
      href="{{ url_for('invenio_communities.communities_subcommunities', pid_value=community['slug']) }}">
      {{ config.get("APP_RDM_SUBCOMMUNITIES_LABEL", _("Subcommunities")) }}
    </a>
  </div>
</div>
<div class="ui divider mt-0 mb-0" aria-hidden="true"></div>
<div id="communities-search" class="rel-mt-2"
  data-invenio-search-config='{{search_app_communities_subcommunities_config(app_id="InvenioSubCommunities.Search", endpoint=search_endpoint) | tojson }}'
  data-permissions='{{ permissions | tojson }}'>
</div>
{%- endblock page_body %}