- @no_container = true
- page_title _('Branches')
- add_to_breadcrumbs(_('Repository'), project_tree_path(@project))

%div{ class: container_class }
  .top-area.adjust
    %ul.nav-links.issues-state-filters.nav.nav-tabs
      %li{ class: active_when(@mode == 'overview') }>
        = link_to s_('Branches|Overview'), project_branches_path(@project), title: s_('Branches|Show overview of the branches')

      %li{ class: active_when(@mode == 'active') }>
        = link_to s_('Branches|Active'), project_branches_filtered_path(@project, state: 'active'), title: s_('Branches|Show active branches')

      %li{ class: active_when(@mode == 'stale') }>
        = link_to s_('Branches|Stale'), project_branches_filtered_path(@project, state: 'stale'), title: s_('Branches|Show stale branches')

      %li{ class: active_when(!%w[overview active stale].include?(@mode)) }>
        = link_to s_('Branches|All'), project_branches_filtered_path(@project, state: 'all'), title: s_('Branches|Show all branches')

    .nav-controls
      = form_tag(project_branches_filtered_path(@project, state: 'all'), method: :get) do
        = search_field_tag :search, params[:search], { placeholder: s_('Branches|Filter by branch name'), id: 'branch-search', class: 'form-control search-text-input input-short', spellcheck: false }

      - unless @mode == 'overview'
        .dropdown.inline>
          %button.dropdown-menu-toggle{ type: 'button', 'data-toggle' => 'dropdown' }
            %span.light
              = branches_sort_options_hash[@sort]
            = icon('chevron-down')
          %ul.dropdown-menu.dropdown-menu-right.dropdown-menu-selectable
            %li.dropdown-header
              = s_('Branches|Sort by')
            - branches_sort_options_hash.each do |value, title|
              %li
                = link_to title, project_branches_filtered_path(@project, state: 'all', search: params[:search], sort: value), class: ("is-active" if @sort == value)

      - if can? current_user, :push_code, @project
        = link_to project_merged_branches_path(@project),
          class: 'btn btn-inverted btn-remove has-tooltip qa-delete-merged-branches',
          title: s_("Branches|Delete all branches that are merged into '%{default_branch}'") % { default_branch: @project.repository.root_ref },
          method: :delete,
          data: { confirm: s_('Branches|Deleting the merged branches cannot be undone. Are you sure?'),
            container: 'body' } do
          = s_('Branches|Delete merged branches')
        = link_to new_project_branch_path(@project), class: 'btn btn-success' do
          = s_('Branches|New branch')

  = render_if_exists 'projects/commits/mirror_status'

  .js-branch-list{ data: { diverging_counts_endpoint: diverging_commit_counts_namespace_project_branches_path(@project.namespace, @project, format: :json) } }
  - if can?(current_user, :admin_project, @project)
    - project_settings_link = link_to s_('Branches|project settings'), project_protected_branches_path(@project)
    .row-content-block
      %h5
        = s_('Branches|Protected branches can be managed in %{project_settings_link}.').html_safe % { project_settings_link: project_settings_link }

  - if @mode == 'overview' && (@active_branches.any? || @stale_branches.any?)
    = render "projects/branches/panel", branches: @active_branches, state: 'active', panel_title: s_('Branches|Active branches'), show_more_text: s_('Branches|Show more active branches'), project: @project, overview_max_branches: @overview_max_branches
    = render "projects/branches/panel", branches: @stale_branches, state: 'stale', panel_title: s_('Branches|Stale branches'), show_more_text: s_('Branches|Show more stale branches'), project: @project, overview_max_branches: @overview_max_branches

  - elsif @branches.any?
    %ul.content-list.all-branches
      - @branches.each do |branch|
        = render "projects/branches/branch", branch: branch, merged: @merged_branch_names.include?(branch.name)
    = paginate @branches, theme: 'gitlab'
  - else
    .nothing-here-block
      = s_('Branches|No branches to show')

= render 'projects/branches/delete_protected_modal'