<div class="description">
  <span>Welche Adresse möchten Sie als Lieferadresse verwenden?</span>
</div>
<div class="adresses">
  <hr />
  <div *ngFor="let entry of deliveryAddresses" class="entry" (click)="select(entry)">
    <div class="adrress-container-data" *ngIf="entry">
      <div class="radio">
        <div class="selected" *ngIf="selected && entry.id === selected.id"></div>
      </div>

      <span class="name">{{ getFullName(entry.first_name, entry.last_name) }}</span>
      <span class="address"
        ><ng-container *ngIf="entry.company_name">{{ entry.company_name }},&nbsp;</ng-container>
        <ng-container *ngIf="entry.street">
          {{ entry.street }}
        </ng-container>
        <ng-container *ngIf="entry.streetNo">
          {{ entry.streetNo }}
        </ng-container>
        <ng-container *ngIf="entry.street">,&nbsp;</ng-container>
        <ng-container *ngIf="entry.zip">
          {{ entry.zip }}
        </ng-container>
        <ng-container *ngIf="entry.city">
          {{ entry.city }}
        </ng-container>
      </span>
      <app-button *ngIf="!notEditable" (action)="edit(entry.id)">Ändern</app-button>
      <span *ngIf="notEditable" class="not-editable">Nicht änderbar</span>
    </div>
    <hr />
  </div>

  <h1 class="warning" (click)="addNew()">
    Neue Lieferadresse hinzufügen
  </h1>

  <div class="btn-container">
    <app-button [primary]="true" (action)="continue()">Weiter</app-button>
  </div>
</div>
