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

<ion-content padding *ngIf="accountUser">
  <div style="text-align: center;">
    <div class="item" (click)="actionSheetImage(fileInput)">
      <input style="display: none" type="file" #fileInput accept="image/*">
      <img src="../../assets/img/default_profile.png"
        *ngIf="!userProvider._infoUser.user_info.photo && !userProvider._infoUser.user_info.photo_social"
        class="imageUserProfile" />
      <img src="{{cityProvider._urlGallery}}avatars/{{userProvider._infoUser.user_info.photo}}"
        *ngIf="userProvider._infoUser.user_info.photo" class="imageUserProfile" />
      <img src="{{userProvider._infoUser.user_info.photo_social}}" *ngIf="userProvider._infoUser.user_info.photo_social"
        class="imageUserProfile" />
        
      <span><ion-icon class="ion-no-margin notify-badge" name="camera"></ion-icon></span>
    </div>
  </div>
  <app-edit-profile [accountUser]="accountUser"></app-edit-profile>
</ion-content>