<div ng-if="!item.isOpen">
  <div ng-bind-html="item.descriptionHtml"></div>
</div>

<div ng-if="item.isOpen">
  <div ng-bind-html="item.descriptionHtml"></div>
  <br />
  <br />

  <div ng-show="item.extendedSummaryHtml">
    <div ng-bind-html="item.extendedSummaryHtml"></div>
    <br />
    <br />
  </div>

  <div ng-if="item.mentionedPersons">
    <label>{{ 'MEDIA_SEARCH_CONNECTED_PERSONS' | translate }}:</label>
    <div
      ng-repeat="mentionedPerson in item.mentionedPersons | limitTo: item.topMentionedPersonsCount"
      style="display: inline"
    >
      <div style="display: inline-flex">
        <a
          class="no-link-link"
          ng-click="vm.openNamecheckMediaSearchTabs('google', mentionedPerson.name, item.itemInfo && item.itemInfo.itemId ? item.itemInfo.itemId : '', item.personInfo && item.personInfo.personId ? item.personInfo.personId : '', item.id)"
          >{{mentionedPerson.name}}</a
        >
      </div>
      <span ng-show="!$last">,</span>
    </div>
    <span
      ng-hide="!item.mentionedPersons.length || item.topMentionedPersonsCount >= item.mentionedPersons.length"
      ng-click="vm.showMoreMentionedItems($event, item, 'persons')"
      class="show-more"
    >
      (show more...)
    </span>
  </div>

  <div ng-if="item.mentionedOrgs">
    <label>{{ 'MEDIA_SEARCH_CONNECTED_ORGS' | translate }}:</label>
    <div
      ng-repeat="mentionedOrg in item.mentionedOrgs | limitTo: item.topMentionedOrgsCount"
      style="display: inline"
    >
      <div style="display: inline-flex">
        <a
          class="no-link-link"
          ng-click="vm.openNamecheckMediaSearchTabs('google', mentionedOrg.name, item.itemInfo && item.itemInfo.itemId ? item.itemInfo.itemId : '', item.personInfo && item.personInfo.personId ? item.personInfo.personId : '', item.id)"
          >{{mentionedOrg.name}}</a
        >
      </div>
      <span ng-show="!$last">,</span>
    </div>
    <span
      ng-hide="!item.mentionedOrgs.length || item.topMentionedOrgsCount >= item.mentionedOrgs.length"
      ng-click="vm.showMoreMentionedItems($event, item, 'orgs')"
      class="show-more"
    >
      (show more...)
    </span>
  </div>

  <div ng-if="item.mentionedLocs">
    <label>{{ 'MEDIA_SEARCH_LOCATIONS' | translate }}:</label>
    <div
      ng-repeat="mentionedLoc in item.mentionedLocs | limitTo: item.topMentionedLocsCount"
      style="display: inline"
    >
      <div style="display: inline-flex">
        <span>{{mentionedLoc.name}}</span>
      </div>
      <span ng-show="!$last">,</span>
    </div>
    <span
      ng-hide="!item.mentionedLocs.length || item.topMentionedLocsCount >= item.mentionedLocs.length"
      ng-click="vm.showMoreMentionedItems($event, item, 'locations')"
      class="show-more"
    >
      (show more...)
    </span>
  </div>

  <div ng-if="item.analyzeRiskPersons">
    <label>{{ 'MEDIA_SEARCH_RISK_PERSONS' | translate }}:</label>
    <div
      ng-repeat="riskPerson in item.analyzeRiskPersons"
      style="display: inline"
    >
      <div style="display: inline-flex">
        <a
          class="no-link-link"
          ng-click="vm.openNamecheckMediaSearchTabs('google', riskPerson.name, item.itemInfo && item.itemInfo.itemId ? item.itemInfo.itemId : '', item.personInfo && item.personInfo.personId ? item.personInfo.personId : '', item.id)"
          >{{riskPerson.name}}</a
        >
        <a
          class="no-link-link"
          ng-if="riskPerson.db_id && riskPerson.db_id !== -1"
          ng-click="vm.openListItemModalInfo('google', riskPerson.db_id)"
          title="{{ 'ID: ' + riskPerson.db_id }}"
        >
          <i class="material-icons" style="font-size: 20px">info_outline</i>
        </a>
      </div>
      <span ng-show="!$last">,</span>
    </div>
  </div>

  <div ng-if="item.analyzeRiskOrgs">
    <label>{{ 'MEDIA_SEARCH_RISK_ORGS' | translate }}:</label>
    <div ng-repeat="riskOrg in item.analyzeRiskOrgs" style="display: inline">
      <div style="display: inline-flex">
        <a
          class="no-link-link"
          ng-click="vm.openNamecheckMediaSearchTabs('google', riskOrg.name, item.itemInfo && item.itemInfo.itemId ? item.itemInfo.itemId : '', item.personInfo && item.personInfo.personId ? item.personInfo.personId : '', item.id)"
          >{{riskOrg.name}}</a
        >
        <a
          class="no-link-link"
          ng-if="riskOrg.db_id && riskOrg.db_id !== -1"
          ng-click="vm.openListItemModalInfo('google', riskOrg.db_id)"
          title="{{ 'ID: ' + riskOrg.db_id }}"
        >
          <i class="material-icons" style="font-size: 20px">info_outline</i>
        </a>
      </div>
      <span ng-show="!$last">,</span>
    </div>
  </div>

  <div ng-if="item.analyzeNgrams">
    <label>{{ 'MEDIA_SEARCH_NGRAMS' | translate }}:</label>
    <span ng-repeat="ngramObj in item.analyzeNgrams">
      ...{{ngramObj.ngram}}...</span
    >
  </div>
</div>
