.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 #{'is-checked' unless !cluster.enabled?} #{'is-disabled' unless can?(current_user, :update_cluster, cluster) && cluster.provider_gcp&.created?}",
        "aria-label": s_("ClusterIntegration|Toggle Cluster"),
        disabled: !can?(current_user, :update_cluster, cluster),
        data: { "enabled-text": s_("ClusterIntegration|Active"),
          "disabled-text": s_("ClusterIntegration|Inactive"),
          endpoint: namespace_project_cluster_path(@project.namespace, @project, cluster, format: :json) } }
        = icon("spinner spin", class: "loading-icon")