<ion-header class="ion-no-border">
    <ion-toolbar>
      <ion-back-button slot="start"></ion-back-button>
      <ion-title>My locations</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
      <ion-refresher-content pullingIcon="arrow-down-outline" refreshingSpinner="ios"></ion-refresher-content>
    </ion-refresher>

    <ion-card *ngFor="let addressUser of listAddressUser">
      <ion-card-content>
        <ion-row>
            <ion-col size="12"><ion-icon name="location-outline"></ion-icon> {{addressUser.direction}}</ion-col>
        </ion-row>
        <ion-row class="ion-justify-content-end">
          <ion-button (click)="selectAddress(addressUser.id)" size="small">Seleccionar</ion-button>
        </ion-row>
      </ion-card-content>
    </ion-card>

    <ion-button expand="block" (click)="addNewAddress()">Agregar ubicación</ion-button>

  </ion-content>