<div class="flex items-start gap-[2.5rem_5rem] self-stretch flex-wrap">
  @for (payer of payers(); track payer) {
    @if (payer.address) {
      <div>
        <h3 class="isa-text-body-1-regular">Rechnungsadresse</h3>
        <div class="isa-text-body-1-bold mt-1">
          {{ getCustomerName(payer) }}
        </div>
        <shared-address
          class="isa-text-body-1-bold"
          [address]="payer.address"
        ></shared-address>
      </div>
    }
  }
  @if (hasDeliveryOrderTypeFeature()) {
    @for (shippingAddress of shippingAddresses(); track shippingAddress) {
      @if (shippingAddress.address) {
        <div>
          <h3 class="isa-text-body-1-regular">Lieferadresse</h3>
          <div class="isa-text-body-1-bold mt-1">
            {{ getCustomerName(shippingAddress) }}
          </div>
          <shared-address
            class="isa-text-body-1-bold"
            [address]="shippingAddress.address"
          ></shared-address>
        </div>
      }
    }
  }
  @if (hasTargetBranchFeature()) {
    @for (targetBranch of targetBranches(); track targetBranch) {
      @if (targetBranch.address) {
        <div>
          <h3 class="isa-text-body-1-regular">Abholfiliale</h3>
          <div class="isa-text-body-1-bold mt-1">
            {{ targetBranch.name }}
          </div>
          <shared-address
            class="isa-text-body-1-bold"
            [address]="targetBranch.address"
          ></shared-address>
        </div>
      }
    }
  }
</div>
