<div class="viewport-modal">
  <div class="modal-header">
    <h3>{{ 'Bulk operation details' | translate }}</h3>
  </div>

  <div class="modal-inner-scroll">
    <c8y-bulk-operation-list-item
      [bulkOperation]="bulkOperation"
      [detailsCollapsed]="false"
      [readOnly]="true"
      (showFailedOperation)="bulkOperationDetailsService.openDetails($event)"
    ></c8y-bulk-operation-list-item>
  </div>

  <div class="modal-footer">
    <button title="{{ 'Close' | translate }}" class="btn btn-default" (click)="modalRef.hide()">
      {{ 'Close' | translate }}
    </button>
  </div>
</div>