{{#app-view class="service show"}}
    {{#block-slot 'breadcrumbs'}}
        <ol>
            <li><a data-test-back href={{href-to 'dc.services'}}>All Services</a></li>
        </ol>
    {{/block-slot}}
    {{#block-slot 'header'}}
      <h1>
        {{ item.Service.Service }}
{{#with (service/external-source item.Service) as |externalSource| }}
  {{#with (css-var (concat '--' externalSource '-color-svg') 'none') as |bg| }}
    {{#if (not-eq bg 'none') }}
        <span data-test-external-source="{{externalSource}}" style={{{ concat 'background-image:' bg }}} data-tooltip="Registered via {{externalSource}}">Registered via {{externalSource}}</span>
    {{/if}}
  {{/with}}
{{/with}}
      </h1>
      <label for="toolbar-toggle"></label>
      {{tab-nav
          items=(compact
            (array
              'Instances'
              'Tags'
            )
          )
          selected=selectedTab
      }}
    {{/block-slot}}
    {{#block-slot 'content'}}
        {{#each
            (compact
                (array
                    (hash id=(slugify 'Instances') partial='dc/services/instances')
                    (hash id=(slugify 'Tags') partial='dc/services/tags')
                )
            ) as |panel|
        }}
            {{#tab-section id=panel.id selected=(eq (if selectedTab selectedTab '') panel.id) onchange=(action "change")}}
                {{partial panel.partial}}
            {{/tab-section}}
        {{/each}}
    {{/block-slot}}
{{/app-view}}