<ion-card *ngIf="item.sameAs">
  <ion-card-header>{{
    'hebisSearch.detail.title' | translate
  }}</ion-card-header>
  <ion-card-content>
    <a [href]="item.sameAs" target="_blank">{{
      'name' | thingTranslate: item | titlecase
    }}</a>
  </ion-card-content>
</ion-card>

<stapps-simple-card
  *ngIf="!item.sameAs"
  [title]="'name' | propertyNameTranslate: item | titlecase"
  [content]="'name' | thingTranslate: item"
>
</stapps-simple-card>

<stapps-simple-card
  *ngIf="item.description"
  [title]="'hebisSearch.detail.description' | translate"
  [content]="item.description"
></stapps-simple-card>

<stapps-simple-card
  *ngIf="item.sourceOrganization"
  [title]="'sourceOrganization' | propertyNameTranslate: item | titlecase"
  [content]="item.sourceOrganization"
></stapps-simple-card>

<ion-card *ngIf="item.authors && item.authors.length > 0">
  <ion-card-header>{{
    'authors' | propertyNameTranslate: item | titlecase
  }}</ion-card-header>
  <ion-card-content>
    <ion-label *ngFor="let author of item.authors">{{
      'name' | thingTranslate: author
    }}</ion-label>
  </ion-card-content>
</ion-card>

<stapps-simple-card
  *ngIf="item.ISBNs"
  [title]="'ISBNs' | propertyNameTranslate: item | titlecase"
  [content]="item.ISBNs"
>
</stapps-simple-card>
<stapps-simple-card
  *ngIf="item.firstPublished && !item.lastPublished"
  [title]="'hebisSearch.detail.firstPublished' | translate"
  [content]="item.firstPublished"
>
</stapps-simple-card>
<stapps-simple-card
  *ngIf="item.firstPublished && item.lastPublished"
  [title]="'hebisSearch.detail.firstPublished' | translate"
  [content]="[item.firstPublished, item.lastPublished] | join: ' - '"
>
</stapps-simple-card>
<ion-card *ngIf="item.publications">
  <ion-card-header>{{
    'publications' | propertyNameTranslate: item | titlecase
  }}</ion-card-header>
  <ion-card-content>
    <p *ngFor="let publication of item.publications">
      {{ publication.locations | join: ', ' }}
      {{ publication.locations && publication.publisher ? ':' : '' }}
      {{ publication.publisher }}
    </p>
  </ion-card-content>
</ion-card>
<ion-card *ngIf="item.categories">
  <ion-card-header>{{
    'categories' | propertyNameTranslate: item | titlecase
  }}</ion-card-header>
  <ion-card-content>
    <ion-chip [attr.color]="'primary'">
      <ion-icon [attr.name]="item.type | dataIcon"></ion-icon>
      <ion-label>{{ 'categories' | thingTranslate: item }}</ion-label>
    </ion-chip>
  </ion-card-content>
</ion-card>
