.navmenu.navmenu-default.navmenu-fixed-left.offcanvas-sm{ class: ('dark-theme' if Para.config.dark_theme), data: { :'admin-left-sidebar' => true } }
  = link_to admin_path, class: 'navmenu-brand' do
    = t('para.admin.brand').html_safe

  %ul.nav.navmenu-nav
    - if admin_component_sections.any?
      - admin_component_sections.each_with_index do |component_section, index|
        - next unless component_section.components.any? { |component| can?(:manage, component) }

        %li.component-section-item
          = link_to "#collapse-section-#{index}", class: 'component-section-title', data: { toggle: 'collapse' } do
            = component_section.name
            %i.fa.fa-angle-up.pull-right

          %ul.component-section-list-items.collapse.in{ id: "collapse-section-#{index}" }
            - component_section.components.each do |component|
              - if can?(:manage, component) && show_component?(component)
                %li.component-item{ class: (@component == component) && 'active' }
                  = link_to component.main_navigation_name, component.path

    - else
      %li.component-section-item
        .component-section-title
          = t('para.component.none_created')