<ion-header class="ion-no-border">
  <ion-toolbar>
    <ion-title>Información</ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="cancel()" color="light">
        <ion-icon name="close-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card *ngIf="!object.image">
    <img class="image_popup" alt="popup" src="assets/img/default.png" />
  </ion-card>
  <ion-card *ngIf="object.image">
    <img class="image_popup" alt="popup" *ngIf="object.image.includes('http')" src="{{ object.image }}" />
    <img class="image_popup" alt="popup" *ngIf="!object.image.includes('http')"
      src="{{cityProvider._urlGallery}}business/{{ object.image }}" />
  </ion-card>
  <h3 class="ion-no-margin" *ngIf="object.name"><b>Nombre: {{ object.name }}</b></h3>
  <p class="ion-no-margin" *ngIf="object.address.direction">Dirección: {{ object.address.direction }}</p>
  <p class="ion-no-margin" *ngIf="object.address.indications">Indicaciones adicionales: {{ object.address.indications }}
  </p>
  <p class="ion-no-margin" *ngIf="object.address.district">Barrio: {{ object.address.district }}</p>
  <p class="ion-no-margin" *ngIf="object.description">Descripción del negocio: {{ object.description }}</p>
  <p class="ion-no-margin" *ngIf="object.age">Años de funcionamiento: {{ object.age }}</p>
  <p class="ion-no-margin" *ngIf="object.phone">Contacto: {{ object.phone }} <ion-icon
      class="ion-no-margin businessWhatsapp" name="logo-whatsapp" (click)="sendMessage(object)"></ion-icon>
  </p>
  <p class="ion-no-margin" *ngIf="object.instagram">Instagram: {{ object.instagram }} <ion-icon
    class="ion-no-margin businessInsta" name="logo-instagram" (click)="goToInstagram(object.instagram)"></ion-icon>
  </p>
<p class="ion-no-margin" *ngIf="object.facebook">Facebook: {{ object.facebook }} <ion-icon
  class="ion-no-margin businessFace" name="logo-facebook" ></ion-icon>
</p>
<p class="ion-no-margin" *ngIf="object.website"> 
  <a class="ion-no-margin" (click)="goToWebsite(object.website)">Sitio web </a>
  <ion-icon class="ion-no-margin businessFace" name="earth-outline" (click)="goToWebsite(object.website)"></ion-icon>
</p>
  <p class="ion-no-margin" *ngIf="object.score">Calificación: {{ object.score }}</p>
</ion-content>