<ion-toolbar class="ion-text-center">
  <ion-title *ngIf="!popup.hide_name">{{ popup.title }}</ion-title>
  <ion-buttons slot="end">
    <ion-button expand="block" size="large" color="light" (click)="cancel()">
      <ion-icon name="close-circle-outline"></ion-icon>
    </ion-button>
  </ion-buttons>
</ion-toolbar>

<ion-content class="content">
  <div class="container">
    <img onerror="this.style.display='none';" src="{{ popup.image }}?_dc={{ time }}" class="image-popup" alt="popup"
      *ngIf="popup.image.includes('http')" (click)="openAction(popup)" />
    <img src="{{cityProvider._urlGallery}}popups/{{ popup.image }}?_dc={{ time }}" class="image-popup" alt="popup"
      *ngIf="!popup.image.includes('http')" (click)="openAction(popup)" />

    <ion-text color="dark" class="ion-text-center" *ngIf="popup.msj">
      <h5 class="not-margin">{{ popup.msj }}</h5>
    </ion-text>
  </div>
</ion-content>

<ion-footer>
  <ion-item>
    <ion-label class="ion-text-center">
      <ion-button expand="block" size="default" class="press-effect" (click)="openAction(popup)"
        *ngIf="popup.type_action_id && popup.text_button_ok">
        {{ popup.text_button_ok }}
      </ion-button>
      <ion-button expand="block" size="default" class="press-effect" (click)="openAction(popup)"
        *ngIf="popup.type_action_id && !popup.text_button_ok">
        {{ 'all.open' | translate }}
      </ion-button>
      <ion-button expand="block" size="default" (click)="cancel()" *ngIf="!popup.type_action_id">
        {{ 'all.close' | translate }}
      </ion-button>
    </ion-label>
  </ion-item>
</ion-footer>