<div *ngIf="object" layoutDirection="column" class="fl-content fl-content-min-height">
  <p class="fl-detail" i18n>ID: {{ object.id }}</p>
  <p class="fl-detail" i18n>Size: {{ object.size | number }} GB</p>
  <p class="fl-detail" i18n>Created at: <app-date-displayer [date]="object.created_at" withTime></app-date-displayer></p>
  <p class="fl-detail" i18n>Is incremental: {{ object.is_incremental | yesNo }}</p>
  <p class="fl-detail" i18n>Object count: {{ object.object_count }}</p>
  <p class="fl-detail" i18n>Has dependent backups: {{ object.has_dependent_backups | yesNo }}</p>
  <p *ngIf="object.client && authSvc.feature('ui.openstack.volumes.backups.show-client')"
     class="fl-detail" i18n>Client:
    <a [routerLink]="config.getPanelUrl('clients-users/clients/' + object.client.id)" class="active-link">
      {{ object.client.display || object.client.name }}
    </a>
  </p>
  <p class="fl-detail" *ngIf="object.project" i18n>
    Project:
    <a [routerLink]="config.getPanelUrl('openstack/projects')" [queryParams]="{search: object.project}"
       class="active-link">
      {{ object.project }}
    </a>
  </p>
  <p class="fl-detail" *ngIf="object.volume" i18n>
    Volume:
    <a [routerLink]="[config.getPanelUrl('openstack/volumes'), object.volume]" class="active-link">
      {{ object.related_volume_name || object.volume }}
    </a>
  </p>
  <p class="fl-detail" i18n>Description: {{ object.description | nullValue }}</p>
</div>
