{{#if (gt items.length 0)}}
<ListCollection @items={{items}} @linkable={{action "isLinkable"}} class="consul-service-list" as |item index|>
  <BlockSlot @name="header">
    <dl class={{item.MeshStatus}}>
      <dt>
        Health
      </dt>
      <dd>
        <Tooltip @position="top-start">
          {{#if (eq 'critical' item.MeshStatus)}}
            At least one health check on one instance is failing.
          {{else if (eq 'warning' item.MeshStatus)}}
            At least one health check on one instance has a warning.
          {{else if (eq 'passing' item.MeshStatus)}}
            All health checks are passing.
          {{else}}
            There are no health checks.
          {{/if}}
        </Tooltip>
      </dd>
    </dl>
{{#if (gt item.InstanceCount 0)}}
  <a data-test-service-name href={{href-to "dc.services.show.index" item.Name}}>
    {{item.Name}}
  </a>
{{else}}
  <p data-test-service-name>
      {{item.Name}}
  </p>
{{/if}}
  </BlockSlot>
  <BlockSlot @name="details">
{{#if (and nspace (env 'CONSUL_NSPACES_ENABLED'))}}
  {{#if (not-eq item.Namespace nspace)}}
    <dl class="nspace">
      <dt>
        <Tooltip>
            Namespace
        </Tooltip>
      </dt>
      <dd>
        {{item.Namespace}}
      </dd>
    </dl>
  {{/if}}
{{/if}}
    <ConsulKind @item={{item}} />
    <ConsulExternalSource @item={{item}} />
  {{#if (not-eq item.InstanceCount 0)}}
    <span>
      {{format-number item.InstanceCount}} {{pluralize item.InstanceCount 'Instance' without-count=true}}
    </span>
  {{/if}}
  {{#if (eq item.Kind 'terminating-gateway')}}
    <span data-test-associated-service-count>
      {{format-number item.GatewayConfig.AssociatedServiceCount}} linked services
    </span>
  {{else if (eq item.Kind 'ingress-gateway')}}
    <span data-test-associated-service-count>
      {{format-number item.GatewayConfig.AssociatedServiceCount}} upstreams
    </span>
  {{/if}}
  {{#if (or item.ConnectedWithGateway item.ConnectedWithProxy)}}
    <dl class="mesh">
      <dt>
        <Tooltip>
          This service uses a proxy for the Consul service mesh
        </Tooltip>
      </dt>
      {{#if (and item.ConnectedWithGateway item.ConnectedWithProxy )}}
        <dd data-test-mesh>
          in service mesh with proxy and gateway
        </dd>
      {{else if item.ConnectedWithProxy}}
        <dd data-test-mesh>
          in service mesh with proxy
        </dd>
      {{else if item.ConnectedWithGateway}}
        <dd data-test-mesh>
          in service mesh with gateway
        </dd>
      {{/if}}
    </dl>
  {{/if}}
    <TagList @item={{item}} />
  </BlockSlot>
</ListCollection>
{{/if}}