<ion-header class="ion-no-border">
  <ion-toolbar>
    <ion-title class="ion-text-center">{{ 'TITLE_LIST_ORDER_DISCOUNT' | translate }}</ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="cancel()" strong color="light">{{ 'all.close' | translate}}</ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list *ngIf="listDiscount.length">
    <ion-list-header class="fontsize8"> Listado de descuentos en el pedido </ion-list-header>
    <ion-item *ngFor="let discount of listDiscount">
      <!-- <ion-label><h2>{{discount.priceDiscount | formatCurrency : currency}}</h2></ion-label> -->
      <ion-label><h2>{{discount.priceDiscount}}</h2></ion-label>
      <ion-label slot="end" class="ion-text-end"><p>{{discount.name}}</p></ion-label>
    </ion-item>
  </ion-list>
  <ion-list *ngIf="listProductDiscount.length">
    <ion-list-header class="fontsize8"> Listado de productos con descuento </ion-list-header>
    <ion-item *ngFor="let product of listProductDiscount">
      <!-- <ion-label><h2>{{product.discount | formatCurrency : currency}}</h2></ion-label> -->
      <ion-label><h2>{{product.discount}}</h2></ion-label>
      <ion-label slot="end" class="ion-text-end"><p>{{product.name}}</p></ion-label>
    </ion-item>
  </ion-list>
</ion-content>