<div
  class="card-container"
  [ngClass]="{ last: last }"
  (click)="onClickOpenDetails()"
>
  <div class="card-wrapper">
    <div class="card-header">
      <span
        *ngIf="!shippingDocumentIsCompleted && shippingDocumentNumber"
        class="red-circle"
      ></span>
      <div class="card-title">
        #{{
          shippingDocumentNumber
            | shippingDocumentNumberFormatter
            | packageNumberParser
        }}
      </div>
    </div>

    <app-remissions-overview-card-content
      [isCompleted]="shippingDocumentIsCompleted"
      [supplier]="remissionProcess?.filter?.target?.name"
      [numberOfItems]="numberOfShippingDocumentProducts"
      [packageNumber]="packageNumber"
      [date]="remissionProcess?.startDate"
    ></app-remissions-overview-card-content>
  </div>
</div>
