<div
  class="consul-upstream-instance-list"
  ...attributes
>
  <ul>
  {{#each @items as |item|}}
    <li>
      <div class="header">
        <p>
          {{item.DestinationName}}
        </p>
      </div>
      <div class="detail">
    {{#if (env 'CONSUL_NSPACES_ENABLED')}}
      {{#if (not-eq item.DestinationType 'prepared_query')}}
        <dl class="nspace">
          <dt>
            <Tooltip>
              Namespace
            </Tooltip>
          </dt>
          <dd>
            {{or item.DestinationNamespace 'default'}}
          </dd>
        </dl>
      {{/if}}
    {{/if}}
      {{#if (and (not-eq item.Datacenter @dc) (not-eq item.Datacenter ""))}}
        <dl class="datacenter">
          <dt>
            <Tooltip>
              Datacenter
            </Tooltip>
          </dt>
          <dd>
            {{item.Datacenter}}
          </dd>
        </dl>
      {{/if}}
      {{#if item.LocalBindSocketPath}}
          <dl>
            <dt>
                Local bind socket path
            </dt>
            <dd>
              <CopyButton
                @value={{item.LocalBindSocketPath}}
                @name="Local bind socket path"
              />
              {{item.LocalBindSocketPath}}
            </dd>
          </dl>
          <dl class="local-bind-mode">
            <dt class>mode</dt>
            <dd>
              {{or item.LocalBindSocketMode '-'}}
            </dd>
          </dl>
      {{else}}
        {{#if (gt item.LocalBindPort 0)}}
  {{#let (concat (or item.LocalBindAddress '127.0.0.1') ':' item.LocalBindPort) as |combinedAddress|}}
          <dl class="local-bind-address">
            <dt>
              <span>
                Address
              </span>
            </dt>
            <dd>
              <CopyButton
                @value={{combinedAddress}}
                @name="Address"
              />
                {{combinedAddress}}
            </dd>
          </dl>
  {{/let}}
        {{/if}}

      {{/if}}
      </div>
    </li>
  {{/each}}
  </ul>
</div>
