<app-modal id="address-sugestions">
  <div class="modal-wrapper" *ngIf="addresses && addresses.length > 0">
    <div class="header">
      <lib-icon (click)="closeDialog()" height="21px" class="close-icon" name="close" alt="close"></lib-icon>
    </div>
    <div class="title">
      <span>Bitte überprüfen Sie die eingegebenen Adressdaten</span>
    </div>
    <div class="sub-title">
      <span>Vorschläge:</span>
    </div>
    <div class="body">
      <div class="item-row" *ngFor="let address of addresses; let first = first">
        <hr *ngIf="first" />
        <div class="row-container" *ngIf="address">
          <div class="data">
            {{ addressPresentation(address) }}
          </div>
          <div class="actions">
            <app-button (click)="useAddress(address)">Übernehmen</app-button>
          </div>
        </div>
        <hr />
      </div>
    </div>
    <div class="modal-action">
      <app-button (click)="ignoreSuggestions()" [primary]="true">Eingegebene Adresse übernehmen</app-button>
    </div>
  </div>
</app-modal>
