{{#if (gt items.length 0)}}
<ListCollection @items={{items}} class="consul-service-list" as |item index|>
  <BlockSlot @name="header">
{{#let (get proxies item.Name) as |proxy|}}
  {{#let (service/health-checks item proxy) as |health|}}
    <dl class={{health}}>
      <dd>
        <Tooltip @position="top-start">
          {{#if (eq 'critical' health)}}
            At least one health check on one instance is failing.
          {{else if (eq 'warning' health)}}
            At least one health check on one instance has a warning.
          {{else if (eq 'passing' health)}}
            All health checks are passing.
          {{else}}
            There are no health checks.
          {{/if}}
        </Tooltip>
      </dd>
    </dl>
  {{/let}}
{{/let}}
  {{#if (eq item.Kind 'terminating-gateway')}}
    <a data-test-service-name href={{href-to "dc.services.show.services" item.Name}}>
      {{item.Name}}
    </a>
  {{else if (eq item.Kind 'ingress-gateway')}}
    <a data-test-service-name href={{href-to "dc.services.show.upstreams" item.Name}}>
      {{item.Name}}
    </a>
  {{else}}
    <a data-test-service-name href={{href-to "dc.services.show.instances" item.Name}}>
      {{item.Name}}
    </a>
  {{/if}}
  </BlockSlot>
  <BlockSlot @name="details">
    <ul>
    {{#if (and nspace (env 'CONSUL_NSPACES_ENABLED'))}}
      {{#if (not-eq item.Namespace nspace)}}
        <li class="nspace">
          {{item.Namespace}}
        </li>
      {{/if}}
    {{/if}}
      <ConsulKind @item={{item}} as |Kind|>
        <li>
          <Kind />
        </li>
      </ConsulKind>
      <ConsulExternalSource @item={{item}} as |ExternalSource|>
        <li>
          <ExternalSource />
        </li>
      </ConsulExternalSource>
    {{#if (not-eq item.InstanceCount 0)}}
      <li>
        {{format-number item.InstanceCount}} {{pluralize item.InstanceCount 'Instance' without-count=true}}
      </li>
    {{/if}}
    {{#if (get proxies item.Name)}}
      <li data-test-proxy class="proxy">
        connected with proxy
      </li>
    {{/if}}
      <TagList @item={{item}} as |Tags|>
        <li>
          <Tags />
        </li>
      </TagList>
    </ul>
  </BlockSlot>
</ListCollection>
{{/if}}