<ion-card>
  <ion-card-header>{{
    'hebisSearch.daia.availability' | translate
  }}</ion-card-header>
  <ion-card-content>
    <ng-container *ngFor="let holding of holdings">
      <ion-label
        ><a [href]="holding.href" target="_blank">{{
          holding.label
        }}</a></ion-label
      >
      <ion-grid>
        <ion-row *ngIf="holding.signature">
          <ion-col size="3">{{
            'hebisSearch.daia.signature' | translate
          }}</ion-col>
          <ion-col
            size="9"
            *ngIf="
              !holding ||
              !holding.available ||
              holding.available.service !== 'openaccess'
            "
            >{{ holding.signature }}</ion-col
          >
          <ion-col size="9" *ngIf="holding.available.service === 'openaccess'">
            <a [href]="holding.available.href" target="_blank">{{
              'hebisSearch.daia.ejournal' | translate
            }}</a>
          </ion-col>
        </ion-row>
        <ion-row *ngIf="holding.storage && holding.storage.content">
          <ion-col size="3">{{
            'hebisSearch.daia.location' | translate
          }}</ion-col>
          <ion-col size="9" [innerHTML]="holding.storage.content"></ion-col>
        </ion-row>
        <ion-row *ngIf="holding.about">
          <ion-col size="3">{{
            'hebisSearch.daia.comment' | translate
          }}</ion-col>
          <ion-col size="9">{{ holding.about }}</ion-col>
        </ion-row>
        <ion-row
          *ngIf="holding.available && holding.available.service === 'loan'"
        >
          <ion-col size="3">{{
            'hebisSearch.daia.status' | translate
          }}</ion-col>
          <ion-col size="9"
            >{{ 'hebisSearch.daia.available' | translate }}
            <a
              [href]="holding.available.href"
              *ngIf="holding.available.href"
              target="_blank"
              >{{ 'hebisSearch.daia.order' | translate }}</a
            ></ion-col
          >
        </ion-row>
      </ion-grid>
    </ng-container>
  </ion-card-content>
</ion-card>
