<div class="top-item-page">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-2 d-flex flex-md-column justify-content-between">
                <ds-metadata-field-wrapper>
                    <ds-thumbnail [thumbnail]="getThumbnail() | async"></ds-thumbnail>
                </ds-metadata-field-wrapper>
                <div>
                    <a class="btn btn-secondary"
                       [routerLink]="['/items/' + object.id + '/full']">
                        {{"item.page.link.full" | translate}}
                    </a>
                </div>
            </div>
            <div class="col-12 col-md-10">
                <h2 class="item-page-title-field">
                  {{'journal.page.titleprefix' | translate}}
                  <ds-metadata-values
                            [mdValues]="object?.allMetadata(['dc.title'])"></ds-metadata-values>
                </h2>
                <div class="row">
                    <div class="col-12 col-md-6">

                        <ds-generic-item-page-field class="item-page-fields" [item]="object"
                                                    [fields]="['creativeworkseries.issn']"
                                                    [label]="'journal.page.issn'">
                        </ds-generic-item-page-field>
                        <ds-generic-item-page-field class="item-page-fields" [item]="object"
                                                    [fields]="['creativework.publisher']"
                                                    [label]="'journal.page.publisher'">
                        </ds-generic-item-page-field>
                        <ds-generic-item-page-field [item]="object"
                                                    [fields]="['creativework.editor']"
                                                    [label]="'journal.page.editor'">
                        </ds-generic-item-page-field>
                    </div>
                    <div class="col-12 col-md-6">
                        <ds-generic-item-page-field class="item-page-fields" [item]="object"
                                                    [fields]="['dc.description']"
                                                    [label]="'journal.page.description'">
                        </ds-generic-item-page-field>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="relationships-item-page">
    <div class="container">
        <div class="row">
            <ds-related-items
              class="col-12 col-md-4"
              [parentItem]="object"
              [relationType]="'isVolumeOfJournal'"
              [label]="'relationships.isVolumeOf' | translate">
            </ds-related-items>
        </div>
    </div>
</div>
<div>
    <div class="container search-container">
        <h3 class="h2">{{"item.page.journal.search.title" | translate}}</h3>
    </div>
    <ds-tabbed-related-entities-search  [item]="object"
                                        [relationTypes]="[{
                                            label: 'isJournalOfPublication',
                                            filter: 'isJournalOfPublication'
                                          }]">
    </ds-tabbed-related-entities-search>
</div>
