<ng-template #usageNotAvailableTooltipTpl>
  <ng-container i18n>Only available for RBD images with <strong>fast-diff</strong> enabled</ng-container>
</ng-template>

<tabset *ngIf="selection">
  <tab i18n-heading
       heading="Details">
    <table class="table table-striped table-bordered">
      <tbody>
        <tr>
          <td i18n
              class="bold w-25">Name</td>
          <td class="w-75">{{ selection.name }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Pool</td>
          <td>{{ selection.pool_name }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Data Pool</td>
          <td>{{ selection.data_pool | empty }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Created</td>
          <td>{{ selection.timestamp | cdDate }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Size</td>
          <td>{{ selection.size | dimlessBinary }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Objects</td>
          <td>{{ selection.num_objs | dimless }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Object size</td>
          <td>{{ selection.obj_size | dimlessBinary }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Features</td>
          <td>
            <span *ngFor="let feature of selection.features_name">
              <span class="badge badge-dark mr-2">{{ feature }}</span>
            </span>
          </td>
        </tr>
        <tr>
          <td i18n
              class="bold">Provisioned</td>
          <td>
            <span *ngIf="selection.features_name?.indexOf('fast-diff') === -1">
              <span class="form-text text-muted"
                    [tooltip]="usageNotAvailableTooltipTpl"
                    placement="top"
                    i18n>N/A</span>
            </span>
            <span *ngIf="selection.features_name?.indexOf('fast-diff') !== -1">
              {{ selection.disk_usage | dimlessBinary }}
            </span>
          </td>
        </tr>
        <tr>
          <td i18n
              class="bold">Total provisioned</td>
          <td>
            <span *ngIf="selection.features_name?.indexOf('fast-diff') === -1">
              <span class="form-text text-muted"
                    [tooltip]="usageNotAvailableTooltipTpl"
                    placement="top"
                    i18n>N/A</span>
            </span>
            <span *ngIf="selection.features_name?.indexOf('fast-diff') !== -1">
              {{ selection.total_disk_usage | dimlessBinary }}
            </span>
          </td>
        </tr>
        <tr>
          <td i18n
              class="bold">Striping unit</td>
          <td>{{ selection.stripe_unit | dimlessBinary }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Striping count</td>
          <td>{{ selection.stripe_count }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Parent</td>
          <td>
            <span *ngIf="selection.parent">{{ selection.parent.pool_name }}<span *ngIf="selection.parent.pool_namespace">/{{ selection.parent.pool_namespace }}</span>/{{ selection.parent.image_name }}@{{ selection.parent.snap_name }}</span>
            <span *ngIf="!selection.parent">-</span>
          </td>
        </tr>
        <tr>
          <td i18n
              class="bold">Block name prefix</td>
          <td>{{ selection.block_name_prefix }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Order</td>
          <td>{{ selection.order }}</td>
        </tr>
        <tr>
          <td i18n
              class="bold">Format Version</td>
          <td>{{ selection.image_format }}</td>
        </tr>
      </tbody>
    </table>
  </tab>
  <tab i18n-heading
       heading="Snapshots">
    <cd-rbd-snapshot-list [snapshots]="selection.snapshots"
                          [featuresName]="selection.features_name"
                          [poolName]="selection.pool_name"
                          [namespace]="selection.namespace"
                          [rbdName]="selection.name"></cd-rbd-snapshot-list>
  </tab>
  <tab i18n-heading
       heading="Configuration">
    <cd-rbd-configuration-table [data]="selection['configuration']"></cd-rbd-configuration-table>
  </tab>
  <tab i18n-heading
       heading="Performance">
    <cd-grafana [grafanaPath]="rbdDashboardUrl"
                uid="YhCYGcuZz"
                grafanaStyle="one">
    </cd-grafana>
  </tab>
</tabset>

<ng-template
  #poolConfigurationSourceTpl
  let-row="row"
  let-value="value">
  <ng-container *ngIf="+value; else global">
    <strong i18n
            i18n-tooltip
            tooltip="This setting overrides the global value">Image</strong>
  </ng-container>
  <ng-template #global>
    <span i18n
          i18n-tooltip
          tooltip="This is the global value. No value for this option has been set for this image.">Global</span>
  </ng-template>
</ng-template>
