<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_NAME' | translate }}:</label>
  </div>
  <div class="col-lg-10 col-md-9">{{vm.mediaSearchEntity._fullName}}</div>
</div>

<br />

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_OCCUPATION' | translate }}:</label>
  </div>
  <div
    ng-if="vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta"
    class="col-lg-10 col-md-9"
  >
    {{vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta._occupation}}
  </div>
</div>

<br />

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_LOCATION' | translate }}:</label>
  </div>
  <div
    ng-if="vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta"
    class="col-lg-10 col-md-9"
  >
    {{vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta._location}}
  </div>
</div>

<br />

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_SUMMARY' | translate }}:</label>
  </div>
  <div
    ng-if="vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta"
    class="col-lg-10 col-md-9"
  >
    {{vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta._subjectSummary}}
  </div>
</div>

<br />

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_KEY_EVENTS' | translate }}:</label>
  </div>
  <div
    ng-if="vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta"
    class="col-lg-10 col-md-9"
  >
    <ul style="padding-inline-start: 15px">
      <li
        ng-repeat="item in vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta._keyEvents track by $index"
        ng-bind-html="item"
      ></li>
    </ul>
  </div>
</div>

<br />

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_POTENTIAL_ISSUES' | translate }}:</label>
  </div>
  <div
    ng-if="vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta"
    class="col-lg-10 col-md-9"
  >
    <ul style="padding-inline-start: 15px">
      <li
        ng-repeat="item in vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta._potentialIssues track by $index"
      >
        {{ item }}
      </li>
    </ul>
  </div>
</div>

<br />

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_SUPPORTING_INFORMATION' | translate }}:</label>
  </div>
  <div
    ng-if="vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta"
    class="col-lg-10 col-md-9"
  >
    <ul style="padding-inline-start: 15px">
      <li
        ng-repeat="item in vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta._supportingInformation track by $index"
        ng-bind-html="item"
      ></li>
    </ul>
  </div>
</div>

<br />

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_POTENTIAL_CONCERNS_FOR_BANK' | translate }}:</label>
  </div>
  <div
    ng-if="vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta"
    class="col-lg-10 col-md-9"
  >
    <ul style="padding-inline-start: 15px">
      <li
        ng-repeat="item in vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta._possibleConcernsForBank track by $index"
      >
        {{ item }}
      </li>
    </ul>
  </div>
</div>

<br />

<uib-accordion close-others="false">
  <div
    uib-accordion-group
    is-open="false"
    class="panel-warning"
    style="margin: 5px"
  >
    <uib-accordion-heading>
      {{ 'MEDIA_SEARCH_POTENTIAL_CLIENT_RISKS_OVERVIEW' | translate }}
    </uib-accordion-heading>

    <div class="form-group row" style="margin: 15px">
      <div class="col-lg-2 col-md-3">
        <label>{{ 'MEDIA_SEARCH_PRELIMINARY_INSIGHTS' | translate }}:</label>
      </div>
      <div
        ng-if="vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta"
        class="col-lg-10 col-md-9"
      >
        <ul style="padding-inline-start: 15px">
          <li
            ng-repeat="item in vm.mediaSearchEntity._mediaPyGptOverallSummaryMeta._preliminaryInsights track by $index"
          >
            {{ item }}
          </li>
        </ul>
      </div>
    </div>
  </div>
</uib-accordion>

<br />
<br />

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_RELATED_PERSONS' | translate }}:</label>
  </div>

  <div class="col-lg-10 col-md-9">
    <div
      ng-if="vm.mediaSearchEntity._mediaPyGptEntitiesMeta
                && vm.mediaSearchEntity._mediaPyGptEntitiesMeta._persons
                && vm.mediaSearchEntity._mediaPyGptEntitiesMeta._persons.length"
      class="items-container"
    >
      <div class="list-items-container">
        <div
          ng-repeat="mostImportantPerson in vm.mediaSearchEntity._mediaPyGptEntitiesMeta._persons | limitTo: vm.mediaSearchEntity._mediaPyGptEntitiesMeta._shownPersonsCount"
          style="display: inline"
        >
          <div class="list-item">
            <a
              class="no-link-link"
              ng-click="vm.openNamecheckMediaSearchTabs(mostImportantPerson)"
              >{{mostImportantPerson}}</a
            >
          </div>
          <span ng-show="!$last">,</span>
        </div>
        <span
          ng-hide="!vm.mediaSearchEntity._mediaPyGptEntitiesMeta._persons.length || vm.mediaSearchEntity._mediaPyGptEntitiesMeta._shownPersonsCount >= vm.mediaSearchEntity._mediaPyGptEntitiesMeta._persons.length"
          ng-click="vm.mediaSearchEntity._mediaPyGptEntitiesMeta.setShownPersonsCount($event, vm.mediaSearchEntity._mediaPyGptEntitiesMeta._persons.length)"
          class="show-more"
        >
          ({{ 'MEDIA_SEARCH_SHOW_MORE' | translate}}..)
        </span>
      </div>
    </div>

    <div
      ng-if="!(vm.mediaSearchEntity._mediaPyGptEntitiesMeta
                && vm.mediaSearchEntity._mediaPyGptEntitiesMeta._persons
                && vm.mediaSearchEntity._mediaPyGptEntitiesMeta._persons.length)
                && vm.mediaSearchEntity._mediaPyEntitiesMeta
                && vm.mediaSearchEntity._mediaPyEntitiesMeta._persons
                && vm.mediaSearchEntity._mediaPyEntitiesMeta._persons.length"
      class="items-container"
    >
      <div class="list-items-container">
        <div
          ng-repeat="mentionedPerson in vm.mediaSearchEntity._mediaPyEntitiesMeta._persons | limitTo: vm.mediaSearchEntity._mediaPyEntitiesMeta._shownPersonsCount"
          style="display: inline"
        >
          <div class="list-item">
            <a
              class="no-link-link"
              ng-click="vm.openNamecheckMediaSearchTabs(mentionedPerson.name)"
              >{{mentionedPerson.name.length ? mentionedPerson.name[0] : ''
              }}</a
            >
          </div>
          <span ng-show="!$last">,</span>
        </div>
        <span
          ng-hide="!vm.mediaSearchEntity._mediaPyEntitiesMeta._persons.length || vm.mediaSearchEntity._mediaPyEntitiesMeta._shownPersonsCount >= vm.mediaSearchEntity._mediaPyEntitiesMeta._persons.length"
          ng-click="vm.mediaSearchEntity._mediaPyEntitiesMeta.setShownPersonsCount($event, vm.mediaSearchEntity._mediaPyEntitiesMeta._persons.length)"
          class="show-more"
        >
          ({{ 'MEDIA_SEARCH_SHOW_MORE' | translate}}..)
        </span>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_RISK_PERSONS' | translate }}:</label>
  </div>

  <div class="col-lg-10 col-md-9">
    <div
      ng-if="vm.mediaSearchEntity._mediaPyRiskEntitiesMeta && vm.mediaSearchEntity._mediaPyRiskEntitiesMeta._persons"
      class="items-container"
    >
      <div class="list-items-container">
        <div
          ng-repeat="riskPerson in vm.mediaSearchEntity._mediaPyRiskEntitiesMeta._persons"
          style="display: inline"
        >
          <div class="list-item">
            <a
              class="no-link-link"
              ng-click="vm.openNamecheckMediaSearchTabs(riskPerson.name)"
              >{{riskPerson.name.length ? riskPerson.name[0] : ''}}</a
            >
            <a
              class="no-link-link"
              ng-if="riskPerson.db_id"
              ng-click="vm.openListItemModalInfo($event, riskPerson.db_id)"
              title="{{ 'ID: ' + riskPerson.db_id.join(', ') }}"
            >
              <i class="material-icons" style="font-size: 20px">info_outline</i>
            </a>
          </div>
          <span ng-show="!$last">,</span>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_RELATED_ORGS' | translate }}:</label>
  </div>

  <div class="col-lg-10 col-md-9">
    <div
      ng-if="vm.mediaSearchEntity._mediaPyGptEntitiesMeta
                && vm.mediaSearchEntity._mediaPyGptEntitiesMeta._organizations
                && vm.mediaSearchEntity._mediaPyGptEntitiesMeta._organizations.length"
      class="items-container"
    >
      <div class="list-items-container">
        <div
          ng-repeat="mentionedOrg in vm.mediaSearchEntity._mediaPyGptEntitiesMeta._organizations | limitTo: vm.mediaSearchEntity._mediaPyGptEntitiesMeta._shownOrganizationsCount"
          style="display: inline"
        >
          <div class="list-item">
            <a
              class="no-link-link"
              ng-click="vm.openNamecheckMediaSearchTabs(mentionedOrg)"
              >{{mentionedOrg}}</a
            >
          </div>
          <span ng-show="!$last">,</span>
        </div>
        <span
          ng-hide="!vm.mediaSearchEntity._mediaPyGptEntitiesMeta._organizations.length || vm.mediaSearchEntity._mediaPyGptEntitiesMeta._shownOrganizationsCount >= vm.mediaSearchEntity._mediaPyGptEntitiesMeta._organizations.length"
          ng-click="vm.mediaSearchEntity._mediaPyGptEntitiesMeta.setShownOrganizationsCount($event, vm.mediaSearchEntity._mediaPyGptEntitiesMeta._organizations.length)"
          class="show-more"
        >
          ({{ 'MEDIA_SEARCH_SHOW_MORE' | translate}}..)
        </span>
      </div>
    </div>

    <div
      ng-if="!(vm.mediaSearchEntity._mediaPyGptEntitiesMeta
                && vm.mediaSearchEntity._mediaPyGptEntitiesMeta._organizations
                && vm.mediaSearchEntity._mediaPyGptEntitiesMeta._organizations.length)
                && vm.mediaSearchEntity._mediaPyEntitiesMeta
                && vm.mediaSearchEntity._mediaPyEntitiesMeta._organizations
                && vm.mediaSearchEntity._mediaPyEntitiesMeta._organizations.length"
      class="items-container"
    >
      <div class="list-items-container">
        <div
          ng-repeat="mentionedOrg in vm.mediaSearchEntity._mediaPyEntitiesMeta._organizations | limitTo: vm.mediaSearchEntity._mediaPyEntitiesMeta._shownOrganizationsCount"
          style="display: inline"
        >
          <div class="list-item">
            <a
              class="no-link-link"
              ng-click="vm.openNamecheckMediaSearchTabs(mentionedOrg.name)"
              >{{mentionedOrg.name.length ? mentionedOrg.name[0] : ''}}</a
            >
          </div>
          <span ng-show="!$last">,</span>
        </div>
        <span
          ng-hide="!vm.mediaSearchEntity._mediaPyEntitiesMeta._organizations.length || vm.mediaSearchEntity._mediaPyEntitiesMeta._shownOrganizationsCount >= vm.mediaSearchEntity._mediaPyEntitiesMeta._organizations.length"
          ng-click="vm.mediaSearchEntity._mediaPyEntitiesMeta.setShownOrganizationsCount($event, vm.mediaSearchEntity._mediaPyEntitiesMeta._organizations.length)"
          class="show-more"
        >
          ({{ 'MEDIA_SEARCH_SHOW_MORE' | translate}}..)
        </span>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_RISK_ORGS' | translate }}:</label>
  </div>

  <div class="col-lg-10 col-md-9">
    <div
      ng-if="vm.mediaSearchEntity._mediaPyRiskEntitiesMeta && vm.mediaSearchEntity._mediaPyRiskEntitiesMeta._organizations"
      class="items-container"
    >
      <div class="list-items-container">
        <div
          ng-repeat="riskOrg in vm.mediaSearchEntity._mediaPyRiskEntitiesMeta._organizations"
          style="display: inline"
        >
          <div class="list-item">
            <a
              class="no-link-link"
              ng-click="vm.openNamecheckMediaSearchTabs(riskOrg.name)"
              >{{riskOrg.name.length ? riskOrg.name[0] : ''}}</a
            >
            <a
              class="no-link-link"
              ng-if="riskOrg.db_id"
              ng-click="vm.openListItemModalInfo($event, riskOrg.db_id)"
              title="{{ 'ID: ' + riskOrg.db_id.join(', ') }}"
            >
              <i class="material-icons" style="font-size: 20px">info_outline</i>
            </a>
          </div>
          <span ng-show="!$last">,</span>
        </div>
      </div>
    </div>
  </div>
</div>

<br />

<div class="row" style="margin-bottom: 10px">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_RELATED_TOPICS' | translate }}:</label>
  </div>
  <div
    class="col-lg-10 col-md-9"
    ng-if="vm.mediaSearchEntity._mediaPyGptTopicsMeta"
  >
    <ul style="padding-inline-start: 15px; margin-bottom: 5px">
      <li
        ng-repeat="relatedTopic in vm.mediaSearchEntity._mediaPyGptTopicsMeta._topics | limitTo: vm.mediaSearchEntity._mediaPyGptTopicsMeta._shownTopicsCount"
      >
        {{ relatedTopic }}
      </li>
    </ul>

    <span
      ng-hide="!vm.mediaSearchEntity._mediaPyGptTopicsMeta._topics.length || vm.mediaSearchEntity._mediaPyGptTopicsMeta._shownTopicsCount >= vm.mediaSearchEntity._mediaPyGptTopicsMeta._topics.length"
      ng-click="vm.mediaSearchEntity._mediaPyGptTopicsMeta.setShownTopicsCount($event, vm.mediaSearchEntity._mediaPyGptTopicsMeta._topics.length)"
      class="show-more"
    >
      ({{ 'MEDIA_SEARCH_SHOW_MORE' | translate}}..)
    </span>
  </div>
</div>

<div class="row">
  <div class="col-lg-2 col-md-3">
    <label>{{ 'MEDIA_SEARCH_RELATED_KEYWORDS' | translate }}:</label>
  </div>
  <div class="col-lg-10 col-md-9">
    <div
      ng-if="vm.mediaSearchEntity._mediaPyGptKeywordsMeta && vm.mediaSearchEntity._mediaPyGptKeywordsMeta._keywords.length"
      class="items-container"
    >
      <div class="list-items-container">
        <div
          ng-repeat="mostImportantKeyword in vm.mediaSearchEntity._mediaPyGptKeywordsMeta._keywords"
          style="display: inline"
        >
          <div class="list-item">
            <span class="keyword">{{mostImportantKeyword}}</span>
          </div>
          <!-- <span ng-show="!$last">,</span> -->
        </div>
      </div>
    </div>
  </div>
</div>
