<div
  #listContainer
  class="ner-list-container">
  <pa-table
    border
    columns="1fr 1fr">
    <pa-table-header>
      <pa-table-row>
        <pa-table-cell header>{{ 'generic.named-entities' | translate }}</pa-table-cell>
        <pa-table-cell header>{{ 'ner-list.duplicates' | translate }}</pa-table-cell>
      </pa-table-row>
    </pa-table-header>
    @for (ner of entities; track ner.value) {
      <pa-table-row>
        <pa-table-cell>
          {{ ner.value }}
        </pa-table-cell>
        <pa-table-cell>
          <div class="duplicate-list">
            @for (duplicate of ner.represents; track duplicate) {
              <div class="duplicate-item">
                {{ duplicate }}
              </div>
            }
          </div>
        </pa-table-cell>
      </pa-table-row>
    }
  </pa-table>
  @if (totalNERs > displayedNERs) {
    <p class="more-ners">
      {{ 'ner-list.more-ners' | translate: { count: totalNERs - displayedNERs } }}
    </p>
  }
</div>
