.gl-responsive-table-row
  .table-section.section-30
    .table-mobile-header{ role: 'rowheader' }= s_('ClusterIntegration|Cluster')
    .table-mobile-content
      = link_to cluster.name, namespace_project_cluster_path(@project.namespace, @project, cluster)
  .table-section.section-30
    .table-mobile-header{ role: 'rowheader' }= s_('ClusterIntegration|Environment pattern')
    .table-mobile-content= cluster.environment_scope
  .table-section.section-30
    .table-mobile-header{ role: 'rowheader' }= s_('ClusterIntegration|Project namespace')
    .table-mobile-content= cluster.platform_kubernetes&.namespace
  .table-section.section-10
    .table-mobile-header{ role: 'rowheader' }
    .table-mobile-content
      %button{ type: 'button',
        class: "js-toggle-cluster-list project-feature-toggle #{'checked' unless !cluster.enabled?} #{'disabled' unless can?(current_user, :update_cluster, cluster)}",
        'aria-label': s_('ClusterIntegration|Toggle Cluster'),
        disabled: !can?(current_user, :update_cluster, cluster),
        data: { 'enabled-text': 'Enabled',
          'disabled-text': 'Disabled',
          endpoint: namespace_project_cluster_path(@project.namespace, @project, cluster, format: :json) } }
        = icon('spinner spin', class: 'hidden loading-icon')