{#
  SPDX-FileCopyrightText: 2016-2026 CERN.
  SPDX-FileCopyrightText: 2025 Graz University of Technology.
  SPDX-License-Identifier: MIT
#}
{% extends "invenio_communities/details/base.html" %}

{%- set title = community_ui["metadata"]["title"] + _(" settings") -%}

{%- block page_body %}
  {{ super() }}
<div class="ui container grid communities-settings rel-m-2">

  {%- block settings_menu %}
  {%- set menu_items = {
  'profile': (_('Profile'), url_for('invenio_communities.communities_settings', pid_value=community_ui["slug"])),
        'privileges': (_('Privileges'), url_for('invenio_communities.communities_settings_privileges', pid_value=community_ui['slug'])),
        'submission_policy': (_('Submission policy'), url_for('invenio_communities.communities_settings_submission_policy', pid_value=community_ui['slug'])),
        'pages': (_('Pages'), url_for('invenio_communities.communities_settings_pages', pid_value=community_ui["slug"])),
        'collections': (_('Collections'), url_for('invenio_communities.communities_settings_collections', pid_value=community_ui["slug"])),
      } %}
      <div class="sixteen wide mobile sixteen wide tablet three wide computer column">
        <div role="tablist" class="ui vertical horizontal mobile tablet menu theme-primary-menu">
          {% for menu_key, (menu_item, menu_link) in menu_items.items() %}
            {% set hide_privileges = menu_key == 'privileges' and not permissions.can_manage_access %}
            {% set hide_collections = menu_key == 'collections' and (not config.COMMUNITIES_COLLECTIONS_ENABLED or not permissions.can_manage_collections) %}
            {% if not hide_privileges and not hide_collections %}
              <a
                role="tab"
                id="{{ menu_key }}"
                aria-selected="{{ active_settings_menu_item and menu_key == active_settings_menu_item }}"
                href="{{ menu_link }}"
                class="{{ 'brand item active' if active_settings_menu_item and menu_key == active_settings_menu_item }} {{ 'disabled' if not menu_link }} item"
                >{{ menu_item }}</a
              >
            {% endif %}
          {% endfor %}
        </div>
      </div>
    {%- endblock settings_menu %}

    <div
      role="tabpanel"
      id="{{ active_settings_menu_item }}-panel"
      aria-expanded="true"
      hidden="false"
      aria-labelledby="{{ active_settings_menu_item }}"
      class="sixteen wide mobile sixteen wide tablet thirteen wide computer column"
    >
      {%- block settings_body %}
      {%- endblock settings_body %}
    </div>
  </div>
{%- endblock page_body %}