<div class="stack-info">
  <div class="catalog-icon">
    <img src="{{app.baseAssets}}assets/images/generic-catalog.svg" data-src={{model.catalogTemplate.links.icon}}/>
  </div>
  <div class="stack-info-row box">
    <div class="stack-info-top row">
      <div class="col">
        {{#link-to "apps-tab.detail" model.id}}
          {{model.displayName}}
        {{/link-to}}
      </div>
      <div class="col text-right pull-right">
        {{#upgrade-btn
             model=model
             launchRoute="catalog-tab.launch"
             classNames="btn-xs "
             as |btn|
        }}
          {{#if btn.model.externalIdInfo.version}}
            {{t (concat 'upgradeBtn.status.' btn.upgradeStatus)}}
            <span class="text-small">({{btn.latestVersion}})</span>
          {{else}}
            {{t (concat 'upgradeBtn.status.' btn.upgradeStatus)}}
          {{/if}}
        {{/upgrade-btn}}
        {{badge-state model=model classNames="btn-xs"}}
        {{action-menu model=model classNames="inline-block"}}
      </div>
    </div>
    <hr>
    <div class="stack-info-bottom">
      <div class="multi-bar text-center">
        {{progress-bar-multi
            labelKey="state"
            valueKey="count"
            values=model.podStates.byColor
            tooltipValues=model.podStates.byName
        }}
        <small class="text-muted">
          {{model.pods.length}}
        </small>
      </div>
      <div class="col span-7 text-small">
        {{model.displayEndpoints}}
      </div>
    </div>
  </div>
</div>
