<ion-header class="ion-no-border">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/app/tabs/settings"></ion-back-button>
    </ion-buttons>
    <ion-title>{{ 'TITLE_ADDRESS_LIST' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <ion-list *ngIf="userProvider._infoUser">
    <ion-item *ngFor="let address of userProvider._infoUser.addresses" lines="none" class="ion-margin-top">
      <ion-label slot="start" class="first-item-label ion-text-wrap">
        <h2 (click)="changeAddressUser(address.id)">{{address.tag}}</h2>
        <p (click)="changeAddressUser(address.id)">{{address.direction}} - {{ address.indications }}</p>
        <p (click)="changeAddressUser(address.id)">{{address.district}}</p>
      </ion-label>
      <ion-icon *ngIf="address.last_used" name="checkmark-circle-outline" slot="end" size="small" color="success"></ion-icon>
      <ion-icon name="trash-outline" (click)="deleteAddress(address.id)" slot="end" size="small" color="danger"></ion-icon>
    </ion-item>
  </ion-list>

  <ion-footer class="ion-no-border">
    <ion-button type="submit" color="primary" shape="round" expand="block" fill="solid" class="marginTop10" (click)="addNewAddress()">
      {{ 'BUTTON_NEW_ADDRESS' | translate }}</ion-button
    >
  </ion-footer>
</ion-content>