<div class="resource-view image-view"
     resources="[repositoryResource, imageResource]"
     error-message="'Image not found'">
  <div class="page-content">
    <div class="cor-title">
      <span class="cor-title-link">
        <a class="back-link" href="/repository/{{ repository.namespace }}/{{ repository.name }}?tab=tags">
          <i class="fa fa-hdd-o" style="margin-right: 4px"></i>
          {{ repository.namespace }}/{{ repository.name }}
        </a>
      </span>
      <span class="cor-title-content">
        <i class="fa fa-archive fa-lg" style="margin-right: 10px"></i>
        {{ image.id.substr(0, 12) }}
      </span>
    </div>

    <cor-tab-panel orientation="vertical" cor-nav-tabs>
      <cor-tabs>
        <cor-tab tab-title="Layers" tab-id="layers">
          <i class="fa ci-layers"></i>
        </cor-tab>
        <cor-tab tab-title="Security Scan" tab-id="vulnerabilities"
                 tab-init="loadImageSecurity()"
                 quay-show="Features.SECURITY_SCANNER">
          <i class="fa fa-bug"></i>
        </cor-tab>
        <cor-tab tab-title="Packages" tab-id="packages"
                 tab-init="loadImagePackages()"
                 quay-show="Features.SECURITY_SCANNER">
          <i class="fa ci-package"></i>
        </cor-tab>
      </cor-tabs>

      <cor-tab-content>
        <!-- Layers -->
        <cor-tab-pane id="layers">
          <h3>Image Layers</h3>
          <div class="image-view-layer" repository="repository" image="image" images="image.history"></div>
          <div class="image-view-layer" repository="repository" image="parent" images="image.history"
               ng-repeat="parent in reversedHistory"></div>
        </cor-tab-pane>

        <!-- Vulnerabilities -->
        <cor-tab-pane id="vulnerabilities" quay-show="Features.SECURITY_SCANNER">
          <div quay-require="['SECURITY_SCANNER']">
            <div class="image-vulnerability-view" repository="repository" image="image" is-enabled="imageSecurityCounter"></div>
          </div>
        </cor-tab-pane>

        <!-- Features -->
        <cor-tab-pane id="packages" quay-show="Features.SECURITY_SCANNER">
          <div quay-require="['SECURITY_SCANNER']">
            <div class="image-feature-view" repository="repository" image="image" is-enabled="imagePackageCounter"></div>
          </div>
        </cor-tab-pane>
     </cor-tab-content>
    </cor-tab-panel>
  </div>
</div>