- breadcrumb_title _("Details")
- @content_class = "limit-container-width" unless fluid_layout

= content_for :flash_message do
  - if Feature.enabled?(:subscribable_banner_subscription)
    = render_if_exists "layouts/header/ee_subscribable_banner", subscription: true

= content_for :meta_tags do
  = auto_discovery_link_tag(:atom, group_url(@group, rss_url_options), title: "#{@group.name} activity")

= render partial: 'flash_messages'

%div{ class: [("limit-container-width" unless fluid_layout)] }
  = render_if_exists 'trials/banner', namespace: @group

  = render 'groups/home_panel'

  = render_if_exists 'groups/self_or_ancestor_marked_for_deletion_notice', group: @group

  = render_if_exists 'groups/group_activity_analytics', group: @group

  .groups-listing{ data: { endpoints: { default: group_children_path(@group, format: :json), shared: group_shared_projects_path(@group, format: :json) } } }
    .top-area.group-nav-container.justify-content-between
      .scrolling-tabs-container.inner-page-scroll-tabs
        .fade-left= icon('angle-left')
        .fade-right= icon('angle-right')
        %ul.nav-links.scrolling-tabs.mobile-separator.nav.nav-tabs
          %li.js-subgroups_and_projects-tab
            = link_to group_path, data: { target: 'div#subgroups_and_projects', action: 'subgroups_and_projects', toggle: 'tab'} do
              = _("Subgroups and projects")
          %li.js-shared-tab
            = link_to group_shared_path, data: { target: 'div#shared', action: 'shared', toggle: 'tab'} do
              = _("Shared projects")
          %li.js-archived-tab
            = link_to group_archived_path, data: { target: 'div#archived', action: 'archived', toggle: 'tab'} do
              = _("Archived projects")

      .nav-controls.d-block.d-md-flex
        .group-search
          = render "shared/groups/search_form"

        = render "shared/groups/dropdown", options_hash: subgroups_sort_options_hash

    .tab-content
      #subgroups_and_projects.tab-pane
        = render "subgroups_and_projects", group: @group

      #shared.tab-pane
        = render "shared_projects", group: @group

      #archived.tab-pane
        = render "archived_projects", group: @group