<ion-card>
  <ion-card-header>{{
    'data.detail.address.TITLE' | translate | titlecase
  }}</ion-card-header>
  <ion-card-content>
    <ion-grid>
      <ion-row>
        <ion-col
          >{{ 'data.detail.address.STREET' | translate | titlecase }}:</ion-col
        >
        <ion-col width-60 text-right>
          {{ address.streetAddress }}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col
          >{{
            'data.detail.address.POSTCODE' | translate | titlecase
          }}:</ion-col
        >
        <ion-col width-60 text-right>
          {{ address.postalCode }}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col
          >{{ 'data.detail.address.CITY' | translate | titlecase }}:</ion-col
        >
        <ion-col width-60 text-right>
          {{ address.addressLocality }}
        </ion-col>
      </ion-row>
      <ion-row *ngIf="address.addressRegion">
        <ion-col
          >{{ 'data.detail.address.REGION' | translate | titlecase }}:</ion-col
        >
        <ion-col width-60 text-right>
          {{ address.addressRegion }}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col
          >{{ 'data.detail.address.COUNTRY' | translate | titlecase }}:</ion-col
        >
        <ion-col width-60 text-right>
          {{ address.addressCountry }}
        </ion-col>
      </ion-row>
      <ion-row *ngIf="address.postOfficeBoxNumber">
        <ion-col>{{
          'data.detail.address.POST_OFFICE_BOX' | translate | titlecase
        }}</ion-col>
        <ion-col width-60 text-right>
          {{ address.postOfficeBoxNumber }}
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-card-content>
</ion-card>
