<div class="option-title">
  <img class="img" class="truck" src="/assets/images/truck_Icon.svg" alt="truck" />
  <h2>Versand</h2>
</div>
<hr />
<div class="display-data-container">
  <div class="display-data-info-container" [ngClass]="{ 'width-reduced': disableAddressChanging }">
    <span class="display-data-label">Lieferadresse</span>
    <span class="display-data-info display-data-info-short">{{ deliveryAddress }}</span>
  </div>
  <app-button *ngIf="!disableAddressChanging" (action)="redirectToBilling()">Ändern</app-button>
  <span *ngIf="disableAddressChanging" class="not-editable">Nicht änderbar</span>
</div>
<hr />
<div *ngFor="let cartItem of delivery$ | async; let index = index; last as isLast" [@cartItem]="getDeleteAnimation(index)">
  <app-delivery-cart-row
    [item]="cartItem"
    (details)="productDetails($event)"
    [changeItemBtnBlocked]="blockingItem"
    (modalVisible)="blockModal($event)"
    (delete)="deleteItem($event, index)"
  ></app-delivery-cart-row>
  <hr *ngIf="!isLast" />
</div>
