<div class="row">
  <div class="col-sm-3">
    <div class="legend form-block" translate>
      Details
    </div>
    <ul class="list-unstyled small">
      <li class="p-t-4 p-b-4 flex-row separator-bottom wrap" *ngIf="operation.bulkOperationId">
        <label class="small m-0 m-r-4" translate>Bulk operation</label>
        <span class="flex-item-right">
          <a class="pointer" role="button" (click)="openBulkOperationDetails()" translate
            >See details</a
          >
        </span>
      </li>
      <li class="p-t-4 p-b-4 flex-row separator-bottom wrap">
        <label class="small m-0 m-r-4" translate>Status</label>
        <span class="flex-item-right">{{ operation.status.toString() | translate }}</span>
      </li>
      <li *ngIf="operation.failureReason" class="p-t-4 p-b-4 flex-row separator-bottom wrap">
        <label class="small m-0 m-r-4" translate>Failure reason</label>
        <span class="flex-item-right">{{ operation.failureReason | translate }}</span>
      </li>
      <li *ngIf="operation.c8y_Command" class="p-t-4 p-b-4 flex-row separator-bottom wrap">
        <label class="small flex-item-top m-r-4" translate>Result</label>
        <span class="flex-item-right">{{ operation.c8y_Command.result }}</span>
      </li>
    </ul>
  </div>
  <div class="col-sm-9">
    <div class="legend form-block" translate>
      Operation
    </div>
    <pre class="p-16">{{ operation | json }}</pre>
  </div>
</div>