{{#if cluster.certsExpiring}}
  {{#banner-message color="bg-warning"}}
    <p>{{t "tooltipExpire.label"}} <a href="#" {{action "rotate"}}>{{t "tooltipExpire.link"}}</a></p>
  {{/banner-message}}
{{/if}}
{{#if showDashboard}}
  {{cluster-basic-info cluster=cluster}}

  {{#unless scope.currentCluster.isMonitoringReady}}
    {{#if monitoringEnabled}}
      <div class="row mt-0 mb-0">
        <div class="pull-right text-small text-error">
          {{t "clusterDashboard.monitoringNotReady"}}
        </div>
      </div>
    {{else}}
      <div class="row mt-0 mb-0">
        <div class="pull-right text-small">
          <button class="btn bg-transparent p-0" {{action "enableMonitoring"}}>
            {{t "clusterDashboard.enableMonitoring"}}
          </button>
        </div>
      </div>
    {{/if}}
  {{else if (and monitoringEnabled (eq toUpgrade.firstObject.name "cluster-monitoring"))}}
    <div class="row mt-0 mb-0">
      <div class="pull-right text-small">
        <button class="btn bg-warning pt-0 pb-0 pl-5 pr-5" {{action "enableMonitoring"}}>
          {{t "clusterDashboard.upgradeAvailable" version=latestVersion}}
        </button>
      </div>
    </div>
  {{/unless}}

  {{nodes-live nodes=nodes}}

  <div class="row mt-0">
    {{k8s-component-status
      label="clusterDashboard.etcd"
      showUrl=scope.currentCluster.isRKE
      healthy=etcdHealthy
      url=grafana.etcdUrl
    }}

    {{#if hideManagerAndSchedulerStatus}}
      <div class="col span-3 mt-0">
        {{#banner-message
           icon="icon-alert"
           color="bg-disabled mt-0"
        }}
          <p class="text-left">
            {{t "clusterDashboard.controllerManager"}}
          </p>
        {{/banner-message}}
      </div>
    {{else}}
      {{k8s-component-status
        label="clusterDashboard.controllerManager"
        healthy=controllerHealthy
        url=grafana.controllerUrl
      }}
    {{/if}}

    {{#if hideManagerAndSchedulerStatus}}
      <div class="col span-3 mt-0">
        {{#banner-message
           icon="icon-alert"
           color="bg-disabled mt-0"
        }}
          <p class="text-left">
            {{t "clusterDashboard.scheduler"}}
          </p>
        {{/banner-message}}
      </div>
    {{else}}
      {{k8s-component-status
        label="clusterDashboard.scheduler"
        healthy=schedulerHealthy
        url=grafana.schedulerUrl
      }}
    {{/if}}

    {{k8s-component-status
      label="clusterDashboard.node"
      healthy=nodesHealthy
      url=grafana.nodesUrl
    }}
  </div>

  {{#unless hideManagerAndSchedulerStatus}}
    <div class="row">
      {{#each unhealthyComponents as |component|}}
        {{#banner-message icon="icon-alert" color="text-left bg-error mt-30"}}
          <p>{{t "clusterDashboard.alert.component" component=component.name}}</p>
        {{/banner-message}}
      {{/each}}
      {{#each inactiveNodes as |node|}}
        {{#banner-message icon="icon-alert" color="text-left bg-error mt-30"}}
          <p>{{t "clusterDashboard.alert.node" node=node.displayName}}</p>
        {{/banner-message}}
      {{/each}}
    </div>
  {{/unless}}

  {{#if (and showClusterTabs scope.currentCluster.isMonitoringReady)}}
    {{cluster-dashboard-tabs dashboards=dashboards}}
  {{/if}}
{{else}}
  <div class="text-center text-muted">
    {{t 'metricsAction.noData'}}
  </div>
{{/if}}