<div *ngIf="!item.categories.includes('news'); else news">
  <stapps-simple-card
    [title]="'messageBody' | propertyNameTranslate: item | titlecase"
    [content]="'messageBody' | thingTranslate: item"
  ></stapps-simple-card>
  <stapps-simple-card
    [title]="'audiences' | propertyNameTranslate: item | titlecase"
    [content]="'audiences' | thingTranslate: item"
  ></stapps-simple-card>
  <stapps-simple-card
    *ngIf="item.datePublished"
    [title]="'datePublished' | propertyNameTranslate: item | titlecase"
    [content]="item.datePublished | amDateFormat: 'll'"
  ></stapps-simple-card>
  <stapps-simple-card
    *ngIf="item.authors"
    [title]="'authors' | propertyNameTranslate: item | titlecase"
    [content]="item.authors"
  ></stapps-simple-card>
  <stapps-simple-card
    *ngIf="item.publishers"
    [title]="'publishers' | propertyNameTranslate: item | titlecase"
    [content]="item.publishers"
  ></stapps-simple-card>
</div>

<ng-template #news>
  <ion-thumbnail>
    <ion-img
      *ngIf="item.image"
      src="{{ item.image }}"
      (ionError)="$event.target.nextSibling.style.display = 'none'"
      alt="{{ item.name }}"
    ></ion-img>
  </ion-thumbnail>
  <stapps-simple-card
    *ngIf="item.datePublished"
    content="{{ item.datePublished | amCalendar | sentencecase }}"
  ></stapps-simple-card>
  <stapps-simple-card content="{{ item.messageBody }}"></stapps-simple-card>
  <ion-card *ngIf="item.sameAs">
    <ion-card-header>
      {{ 'sameAs' | propertyNameTranslate: item | titlecase }}
    </ion-card-header>
    <ion-card-content>
      <a (click)="onLinkClick(item.sameAs)"
        >{{ item.name }}<ion-icon name="open-outline"></ion-icon>
      </a>
    </ion-card-content>
  </ion-card>
</ng-template>
