<div class="row">
  <div *ngIf="error; then thenBlock else elseBlock"></div>
  <ng-template #thenBlock>
    <div class="col-lg-12">
      <div class= 'card border-danger'>
        <div class="card-body">
          Error en el servidor, no se pudo obtener el listado de organizaciones
        </div>
      </div>
    </div>
  </ng-template>
  <ng-template #elseBlock>
    <div *ngFor="let item of listOrganizations; index as i;" class="col-lg-4 col-md-4 col-sm-6">
      <div class= 'card border-success'>
        <div class="card-body">
          <h5 class="card-title">{{item.name}}</h5>
          <h6 class="card-subtitle mb-2 text-muted">{{item.city}}, {{item.country}}</h6>
          <br>
          <p class="card-text">
            Nombre contacto: <b>{{item.contactName}}</b>
            <br>
            Numero contacto: <b>{{item.contactNumber}}</b>
            <br>
            Direccion: <b>{{item.address}}</b>
          </p>
          <a [routerLink]="['/assets']" [queryParams]="{ id: item.id }" href="#" class="btn btn-sm btn-primary float-right">Ir a plantas</a>
        </div>
      </div>
    </div>
  </ng-template>
</div>
<br>