<article class="item-view">
  <!-- DETAILS: HEADER -->
  <header class="item-view__header vertical-spacing">
    <div class="container">
      <h1 class="heading">
        {{ article?.attributes.title }}
      </h1>

      <!-- modified -->
      <p class="item-view__attribute">
        <strong>{{ 'Attribute.ModificationDate' | translate }}</strong
        >:
        {{ article?.attributes.modified | translateDateFormat | async }}
      </p>
    </div>
  </header>

  <!-- DETAILS: BODY -->
  <div class="item-view__body vertical-spacing">
    <div class="container">
      <!-- api notifications -->
      <app-notifications></app-notifications>

      <!-- notes -->
      <div [innerHTML]="article?.attributes.notes"></div>
    </div>
  </div>
</article>
