- breadcrumb_title "Clusters"
- page_title "Clusters"

.clusters-container
  - if !@clusters.empty?
    = render "tabs"
    .ci-table.js-clusters-list
      .gl-responsive-table-row.table-row-header{ role: "row" }
        .table-section.section-30{ role: "rowheader" }
          = s_("ClusterIntegration|Cluster")
        .table-section.section-30{ role: "rowheader" }
          = s_("ClusterIntegration|Environment pattern")
        .table-section.section-30{ role: "rowheader" }
          = s_("ClusterIntegration|Project namespace")
        .table-section.section-10{ role: "rowheader" }
      - @clusters.each do |cluster|
        = render "cluster", cluster: cluster.present(current_user: current_user)
    = paginate @clusters, theme: "gitlab"
  - elsif @scope == 'all'
    = render "empty_state"
  - else
    = render "tabs"
    .prepend-top-20.text-center
      = s_("ClusterIntegration|There are no clusters to show")