<div class="data-container">
  <div class="" ng-if="item.id">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "ID" | translate }}:</dt>
      <dd>
        <a
          ng-href="#/objects/list/{{item.id}}"
          ng-click="(vm.okOnModal || okOnModal)()"
          >{{item.id}}</a
        >
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Title">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "TITLE" | translate }}:</dt>
      <dd>{{item.Title}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.First_Name">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "FIRSTNAME" | translate }}:</dt>
      <dd>
        <span
          compile="item.First_Name | highlight : item.highlightingData"
        ></span>
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Last_Name">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "LASTNAME" | translate }}:</dt>
      <dd>
        <span
          compile="item.Last_Name | highlight : item.highlightingData"
        ></span>
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Full_Name">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "FULLNAME" | translate }}:</dt>
      <dd>
        <span
          compile="item.Full_Name | highlight : item.highlightingData"
        ></span>
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Alias && item.Alias.length < 500">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "ALIAS" | translate }}:</dt>
      <dd>
        <span
          compile="item.Alias | invisibleSeparators | highlight : item.highlightingData"
        ></span>
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Gender">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "GENDER" | translate }}:</dt>
      <dd>{{item.Gender}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.POB">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "POB" | translate }}:</dt>
      <dd>{{item.POB}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.Code">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "CODE" | translate }}:</dt>
      <dd>{{item.Code}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.Country">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "COUNTRY" | translate }}:</dt>
      <dd>
        <span
          compile="item.Country | highlight : item.highlightingData:'Country'"
        ></span>
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Country_Of_Origin">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "COUNTRY_ORG" | translate }}:</dt>
      <dd>
        <span
          compile="item.Country_Of_Origin | highlight : item.highlightingData:'Country_Of_Origin'"
        ></span>
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Country_Of_Activity">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "COUNTRY_ACT" | translate }}:</dt>
      <dd>
        <span
          compile="item.Country_Of_Activity | highlight : item.highlightingData:'Country_Of_Activity'"
        ></span>
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Category">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "CATEGORY" | translate }}:</dt>
      <dd>{{item.Category}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.List">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "LIST" | translate }}:</dt>
      <dd>{{item.List}}</dd>
    </dl>
  </div>
  <div
    class=""
    ng-if="item.Additional_Information && item.Additional_Information.length < 500"
  >
    <dl class="dl-horizontal marB-0">
      <dt>{{ "ADDITIONAL_INFORMATION" | translate }}:</dt>
      <dd>
        <span style="white-space: pre-wrap"
          >{{item.Additional_Information | invisibleSeparators}}</span
        >
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Type">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "TYPE" | translate }}:</dt>
      <dd>{{item.Type}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.DOB">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "DOB" | translate }}:</dt>
      <dd>
        <span
          compile="item.DOB | highlight : item.highlightingData:'DOB'"
        ></span>
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.Case">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "CASE" | translate }}:</dt>
      <dd>{{item.Case}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.Date_Of_Information">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "DATE_OF_INFORMATION" | translate }}:</dt>
      <dd>{{item.Date_Of_Information}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.Passport_Number">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "PASSPORT_NUMBER" | translate }}:</dt>
      <dd>{{item.Passport_Number}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.Authority">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "AUTHORITY" | translate }}:</dt>
      <dd>{{item.Authority}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.Whitelist">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "WHITELIST" | translate }}:</dt>
      <dd>{{item.Whitelist}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.type_of_list">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "TYPE_OF_LIST" | translate }}:</dt>
      <dd>{{item.type_of_list}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.Publication_Date">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "PUBLICATION_DATE" | translate }}:</dt>
      <dd>{{item.Publication_Date}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.entered">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "ENTERED" | translate }}:</dt>
      <dd>{{item.entered}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.updated">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "UPDATED" | translate }}:</dt>
      <dd>{{item.updated}}</dd>
    </dl>
  </div>
  <div
    class=""
    ng-if="item.published_by && item.published_by.indexOf('<References>') === -1"
  >
    <dl class="dl-horizontal marB-0">
      <dt>{{ "PUBLISHED_BY" | translate }}:</dt>
      <dd>{{item.published_by}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.editor">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "EDITOR" | translate }}:</dt>
      <dd>{{item.editor}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.age">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "AGE" | translate }}:</dt>
      <dd>{{item.age}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.address">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "ADDRESS" | translate }}:</dt>
      <dd>
        <span
          compile="item.address | highlight : item.highlightingData:'address'"
        ></span>
      </dd>
    </dl>
  </div>
  <!-- <div class="" ng-if="item.activity_class !== 'null'"><dl class="dl-horizontal marB-0"><dt>{{ "ACTIVITY_CLASS" | translate }}:</dt><dd>{{item.activity_class}}</dd></dl></div> -->
  <div class="" ng-if="item.no_longer_on_list">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "NO_LONGER_ON_LIST" | translate }}:</dt>
      <dd>{{item.no_longer_on_list}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.entity_type">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "ENTITY_TYPE" | translate }}:</dt>
      <dd>{{item.entity_type}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.age_date">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "AGE_DATE" | translate }}:</dt>
      <dd>{{item.age_date}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.position && item.position.length < 500">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "Position" | translate }}:</dt>
      <dd>
        <span style="white-space: pre-wrap"
          >{{item.position.split(';').join('\n')}}</span
        >
      </dd>
    </dl>
  </div>
  <div class="" ng-if="item.location">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "Location" | translate }}:</dt>
      <dd>{{item.location}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.sub_category">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "Sub-category" | translate }}:</dt>
      <dd>{{item.sub_category}}</dd>
    </dl>
  </div>
  <div class="" ng-if="item.Companies && item.Companies.length < 500">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "COMPANIES" | translate }}:</dt>
      <dd><span compile="item.Companies | parseCompanies"></span></dd>
    </dl>
  </div>
  <div class="" ng-if="item.Linked_to && item.Linked_to.length < 500">
    <dl class="dl-horizontal marB-0">
      <dt>{{ "LINKED_TO" | translate }}:</dt>
      <dd><span compile="item.Linked_to | parseCompanies"></span></dd>
    </dl>
  </div>
</div>
