<div class="option-title">
  <img class="img" class="package" src="/assets/images/Package_Icon.svg" alt="package" />
  <h2>Abholung</h2>
</div>
<hr />
<div *ngFor="let affiliate of (affiliates$ | async).branches | keyvalue; trackBy: branchItemTrackBy; last as isLastAffiliate">
  <div class="display-data-container">
    <div class="display-data-info-container">
      <span class="display-data-label">Filiale</span>
      <span class="display-data-info">
        {{ affiliate.value | affiliateaddress }}
      </span>
    </div>
    <!-- <app-button (action)="redirectToAddress()">Ändern</app-button> -->
  </div>
  <hr />
  <div
    *ngFor="let pickupCartItem of (affiliates$ | async).items[affiliate.value.id]; let index = index; last as isLast"
    [@cartItem]="getDeleteAnimation(index)"
  >
    <app-pick-up-cart-row
      [item]="pickupCartItem"
      [changeItemBtnBlocked]="blockingItem"
      (details)="productDetails($event)"
      (modalVisible)="blockModal($event)"
      (delete)="deleteItem($event, index)"
    ></app-pick-up-cart-row>
    <hr *ngIf="!isLast" />
  </div>
  <hr *ngIf="!isLastAffiliate" />
</div>
