<div ng-if="vm.islist" ng-class="vm.matchlock ? 'noClick' : ''">
  <h1 ng-repeat="flag in [false, true]" ng-if="vm.carousel_rerender === flag">
    <a ng-href="#/{{item.category}}/alert/{{item.id}}" ng-click="vm.okOnModal()" ng-if="!disableAlertLinks"><alert-color item="item"></alert-color>{{item.id}}</a>
    <span ng-if="disableAlertLinks">{{item.id}}</span>
    <button ng-click="vm.openPrintWindow(item)" class="btn btn-default btn-sm padB-2 padT-6 padL-6 padR-6"><i class="material-icons mini-icon">view_list</i></button> 
    <a href="{{vm.getNamecheckLink(item)}}" ng-show="config.general.namecheck && vm.getNamecheckLink(item)" ng-if="vm.canNamecheck()"><button class="btn btn-default btn-sm" ng-click="vm.okOnModal()">{{ 'RECHECK' | translate }}</button></a>
    <status-assign item="item"
                   type="'alert'"
                   aux="vm"
                   is-not-validated="vm.isNotValidated()"
                   is-baloon="true"></status-assign>
    <investigate item="item"
                 type="'alert'"
                 aux="vm"
                 is-not-validated="vm.isNotValidated()"
                 is-baloon="true"></investigate>
    <add-to-list ng-show = "item.reason.matches.length > 0 || item.reason.rules.length > 0"
                 item="item"
                 type="'alert'"
                 aux="vm"
                 matchid = "item.reason.matches[vm.currentmatch].list.id || item.reason.rules[vm.currentmatchrule].id"
                 is-not-validated="vm.isNotValidated()"
                 disabled="vm.isUnlockedWhenClosed && !vm.isUnlockedWhenClosed()"
                 is-baloon="true"></add-to-list>
    <button class="btn btn-primary btn-sm"
                ng-click="vm.addCommentBaloon(item.status.startsWith('Blocked'))" ng-disabled="(vm.islist && vm.currentUser === undefined) || (vm.isUnlockedWhenClosed && !vm.isUnlockedWhenClosed())"
                ng-if="vm.canChangeItem() && !(config && config.general.factiva && !(item && item.user && item.user.username))">{{ 'ADD_COMMENT' | translate }}</button>
    <a ng-href="{{vm.crmLink}}" ng-if="vm.crmLink" class="btn btn-default btn-sm" target="_blank">{{ 'OPEN_CRM' | translate }}</a>
    <button
      ng-click="vm.markAsTaken(item)"
      ng-if="item.id && vm.markAsTakenEnabled && vm.markAsTakenEnabled(item)"
      class="btn btn-info btn-sm"
    >
    <button
      ng-click="vm.takeOwnership(item)"
      ng-if="item.id && vm.takeOwnershipEnabled && vm.takeOwnershipEnabled(item)"
      class="btn btn-info btn-sm"
    >
      {{ 'TAKE_OWNERSHIP' | translate }}
    </button>

  </h1>
</div>

<uib-tabset active="vm.summarydetails" ng-class="vm.matchlock ? 'noClick' : ''"> 
  <uib-tab heading="{{'SUMMARY' | translate}}" ng-if="item.reason.matches.length > 0 || item.reason.rules.length > 0">
    <div ng-show="item.reason.matches.length > 0">
      <uib-carousel active="vm.currentmatch" no-wrap="true" ng-repeat="flag in [false, true]" ng-if="vm.carousel_rerender === flag">
        <uib-slide ng-repeat="row in item.reason.matches track by row.list.id" index="$index" class="no-text-center">
          <div ng-if="($index >= vm.currentmatch - 1) && ($index <= vm.currentmatch + 1)">
            <div class="row">
              <div class="col-sm-4"><h1>{{ "MATCHES" | translate }}</h1></div>
              <div class="col-sm-8 padT-10">
                <div ng-show="config.general.individualMatchMode" class="pull-right">
                  <status-assign 
                         ng-if="vm.islist"
                         item="item"
                         type="'alert'"
                         is-not-validated="vm.isNotValidated()"
                         match-mode="row.id"
                         aux="vm"
                         is-baloon="true"></status-assign>
                  <span ng-dblclick="vm.addCommentBaloon(row.match_status !== 'Open')" style="-ms-user-select: none; user-select: none;" ng-show="row.match_status">
                  <i class="material-icons mini-icon"
                        ng-class="{
                          'red':           row.match_status === 'Open',
                          'pink':         row.match_status === 'Assigned',
                          'dark-yellow':   row.match_status.startsWith('In process'),
                          'green-crossed': row.match_status === 'Closed',
                          'black': row.match_status.startsWith('Blocked')}">flag</i>
                    {{ "STATUS" | translate }}: 
                    <span ng-class="{
                          'red':           row.match_status === 'Open',
                          'dark-pink':         row.match_status === 'Assigned',
                          'darker-yellow':   row.match_status.startsWith('In process'),
                          'green-crossed': row.match_status === 'Closed',
                          'black': row.match_status.startsWith('Blocked')}">{{ row.match_status | translate }}
                    </span>
                  </span>
                </div>
                <div ng-if="row.Similarity" class="pull-right padT-4 marR-8">
                  {{ "SIMILARITY" | translate }}: {{ row.Similarity | number:4}}
                </div>
              </div>
            </div>
            <embed-item item="{ list: row.list, client: item.query.client || item.client, virtual_client : item.query.virtual_client || item.virtual_client, uclient: item.query.client || item.client || item.query.virtual_client || item.virtual_client, color: row.color, row: row, switch : vm.switchToDetails }" item-type="list" view-template="config.types.list.view.clientdetails" config="config"></embed-item>
            <div class="text-center">
              <h4>{{$index + 1}}/{{item.reason.matches.length}}</h4>
            </div>
          </div>
        </uib-slide>
      </uib-carousel>
    </div>
    <div ng-show="item.query.client || item.client" ng-if="!(item.reason.matches.length > 0)">
      <h1>{{ "CLIENT" | translate }}</h1>
     <embed-item item="item.query.client || item.client" item-type="'client'" view-template="config.types.client.view.details" config="config"></embed-item>
    </div>

    <div ng-show="item.query.virtual_client || item.virtual_client" ng-if="!(item.reason.matches.length > 0)">
      <h1>{{ "VIRTUAL_CLIENT" | translate }}</h1>
     <embed-item item="item.query.virtual_client || item.virtual_client" item-type="'virtual_client'" view-template="config.types.virtual_client.view.details" config="config"></embed-item>
    </div>

    <div ng-show="item.reason.rules.length > 0">
      <h2>{{ "RULES" | translate }}</h2>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>{{ "RULE" | translate }}</th>
            <th>{{ "MESSAGE" | translate }}</th>
            <th>{{ "SCORE" | translate }}</th>
            <th ng-show="vm.showListEntries">{{ "WHITE_WATCH_LISTS" | translate }}</th>
            <th ng-show="config.general.individualMatchMode">{{ "STATUS" | translate }}</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="row in item.reason.rules">
            <td><b ng-show = "row.color == 2" class = "swamp">&#10004; </b><b ng-show = "row.color == 1" class = "dark-yellow">&#10004; </b> {{row.Rule}}<div ng-if="row.Message.split('~').length > 2"><rule-message message='row.Message' rulenamemode="row.Rule"></rule-message></div></td>
            <td compile="row.Message" ng-if="!(row.Message.split('~').length > 2)"></td>
            <td ng-if="row.Message.split('~').length > 2">
              <rule-message message='row.Message' ng-if="!item.hideMsgTable"></rule-message>
            </td>
            <td>{{row.Score | number:4}}</td>
            <td ng-show="vm.showListEntries">
              <div ng-if="row.listEntries" ng-init="vm.showListEntries = true; row.listEntriesTable = vm.parseListEntries(row.listEntries);">
                  <dd ng-repeat = "myLink in row.listEntriesTable track by $index">
                    <a href = "{{myLink.myurl}}">{{myLink.mycaption}}</a>
                  </dd>
              </div>
            </td>
            <td ng-show="config.general.individualMatchMode">
              <span style="-ms-user-select: none; user-select: none;" ng-show="row.match_status">
                <i class="material-icons mini-icon"
                      ng-class="{
                        'red':           row.match_status === 'Open',
                        'pink':         row.match_status === 'Assigned',
                        'dark-yellow':   row.match_status.startsWith('In process'),
                        'green-crossed': row.match_status === 'Closed',
                        'black': row.match_status.startsWith('Blocked')}">flag</i>
                <span ng-class="{
                        'red':           row.match_status === 'Open',
                        'dark-pink':         row.match_status === 'Assigned',
                        'darker-yellow':   row.match_status.startsWith('In process'),
                        'green-crossed': row.match_status === 'Closed',
                        'black': row.match_status.startsWith('Blocked')}">{{ row.match_status | translate }}
                </span>
              </div>
              <div class="padT-5">
                <status-assign 
                       ng-if="vm.islist && row.id !== undefined"
                       item="item"
                       type="'alert'"
                       is-not-validated="vm.isNotValidated()"
                       match-mode="row.id"
                       aux="vm"
                       is-baloon="true"></status-assign>
              </div>
              <div class="padT-5">
                <add-to-list item="item" type="'alert'" matchid = "row.id" is-not-validated="vm.isNotValidated()" ng-if="vm.islist && row.id !== undefined" aux="vm" disabled="vm.isUnlockedWhenClosed && !vm.isUnlockedWhenClosed()" is-baloon="true">
                  </add-to-list>  
              </div>
              <div class="padT-5">
                <button class="btn btn-primary btn-sm"
                  ng-click="vm.addCommentBaloonGeneric(row.match_status !== 'Open', row)"
                  ng-if="vm.canChangeItem() && !(config && config.general.factiva && !(item && item.user && item.user.username))"
                  ng-disabled="vm.isUnlockedWhenClosed && !vm.isUnlockedWhenClosed()">{{ 'ADD_COMMENT' | translate }}</button>
              </div>

            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </uib-tab>
  <uib-tab heading="{{'DETAILS' | translate}}" ng-if="item">
    <div ng-show="item.query.client || item.client">
      <h1>{{ "CLIENT" | translate }}</h1>
     <embed-item item="item.query.client || item.client" item-type="'client'" view-template="config.types.client.view.details" config="config" detailed="true"></embed-item>
    </div>


    <div ng-show="item.query.virtual_client || item.virtual_client">
      <h1>{{ "VIRTUAL_CLIENT" | translate }}</h1>
     <embed-item item="item.query.virtual_client || item.virtual_client" item-type="'virtual_client'" view-template="config.types.virtual_client.view.details" config="config" detailed="true"></embed-item>
    </div>

    <div ng-show="item.reason.rules.length > 0">
      <h2>{{ "RULES" | translate }}</h2>
      <uib-carousel active="vm.currentmatchrule" no-wrap="true" ng-repeat="flag in [false, true]" ng-if="vm.carousel_rerender === flag">
        <uib-slide ng-repeat="row in item.reason.rules track by $index" index="$index" class="no-text-center">
          <div class="row">
            <div class="col-sm-6"><dl class="dl-horizontal"><dt>{{ "RULE" | translate }}:</dt><dd><b ng-show = "row.color == 2" class = "swamp">&#10004; </b><b ng-show = "row.color == 1" class = "dark-yellow">&#10004; </b> {{row.Rule}}</dd></dl></div>
            <div class="col-sm-6"><dl class="dl-horizontal"><dt>{{ "SCORE" | translate }}:</dt><dd>{{row.Score}}</dd></dl></div>
            <div class="col-sm-6"><dl class="dl-horizontal"><dt>{{ "MESSAGE" | translate }}:</dt>
              <dd compile="row.Message" ng-if="!(row.Message.split('~').length > 2)"></dd>
              <dd ng-if="row.Message.split('~').length > 2">
                <rule-message message='row.Message'></rule-message>
              </dd>

            </dl></div>
          </div>
          <div class="text-center">
            <h4>{{$index + 1}}/{{item.reason.rules.length}}</h4>
          </div>
        </uib-slide>
      </uib-carousel>

    </div>

    <div ng-show="item.reason.matches.length > 0">
      <h1>{{ "MATCHES" | translate }}</h1>
      <uib-carousel active="vm.currentmatch" no-wrap="true" ng-repeat="flag in [false, true]" ng-if="vm.carousel_rerender === flag">
        <uib-slide ng-repeat="row in item.reason.matches track by row.list.id" index="$index" class="no-text-center">
          <div ng-if="($index >= vm.currentmatch - 1) && ($index <= vm.currentmatch + 1)">
            <h2 id="list{{row.list.id}}">{{ "LIST" | translate }} {{row.list.id}} <b ng-show = "row.color == 2" class = "swamp">&#10004; </b><b ng-show = "row.color == 1" class = "dark-yellow">&#10004; </b></h2>
            <embed-item item="row.list" item-type="list" view-template="config.types.list.view.details" config="config"></embed-item>
            <div class="text-center">
              <h4>{{$index + 1}}/{{item.reason.matches.length}}</h4>
            </div>
          </div>
        </uib-slide>
      </uib-carousel>
    </div>

  </uib-tab>
  <uib-tab heading="{{'GEO_LOCATION' | translate}}"
            ng-if="vm.graph && vm.showGoogleMapTab"
            select="vm.openGoogleMap()">
    <google-map show-icons="true" graph="vm.graph" height="500" id="vm.alertBalloonMapId"></google-map>
  </uib-tab>
  <uib-tab heading="{{'PAYMENT_MESSAGE' | translate}}"
            ng-if="pacsfiles.length"
            ng-click="vm.highlightPacsFiles()">
    <div ng-repeat = "file in pacsfiles">
      <h3>{{file.name}}<button class="btn btn-default btn-xs marL-10 padL-4 padR-4 padT-0 padB-0" ng-click="copyText(file.text)"><span class="material-icons" style="size: 10px;">content_copy</span></button></h3>
      <pre><code style="white-space: pre-wrap;">{{file.text}}</code></pre>
    </div>
  </uib-tab>
</uib-tabset>

<div ng-if="item.transaction" class="no-text-center">
    <show-transaction data="item.transaction" type="'profiling'" />
</div>

<div ng-if="item.datamart" class="no-text-center">
    <show-transaction data="item.datamart" type="'client'" />
</div>

<div ng-if="item.behavior" ng-repeat="behavior in item.behavior" class="no-text-center">
  <div class="panel panel-primary"> 
    <div class="panel-body">
        <div class="col-sm-6" ng-if="behavior.ClientType"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.ClientType | translate }} ">{{ "ClientType" | translate }}:</abbr></dt><dd>{{behavior.ClientType}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.ClientNumber && !vm.openFafMbdata"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.ClientNumber | translate }} ">{{ "ClientNumber" | translate }}:</abbr></dt><dd>{{behavior.ClientNumber}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.ClientNumber && vm.openFafMbdata"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.ClientNumber | translate }} ">{{ "ClientNumber" | translate }}:</abbr></dt><dd><a ng-click="vm.openFafMbdata('F_CUSTOMER_ID', behavior.ClientNumber, behavior.userbk_nr, null, behavior)" class="no-link-link">{{behavior.ClientNumber}}</a></dd></dl></div>
        <div class="col-sm-6 marB-15" ng-if="behavior.ClusterID"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.ClusterID | translate }} ">{{ "ClusterID" | translate }}:</abbr></dt><dd>{{behavior.ClusterID}}</dd></dl></div>
        <div class="col-sm-6 marB-15" ng-if="behavior.NameMonth"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.NameMonth | translate }} ">{{ "NameMonth" | translate }}:</abbr></dt><dd>{{behavior.NameMonth}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.BHVCluster"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.BHVCluster | translate }} ">{{ "Class" | translate }}:</abbr></dt><dd>{{behavior.BHVCluster}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.prev_BHVCluster"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.prev_BHVCluster | translate }} ">{{ "prev_Class" | translate }}:</abbr></dt><dd>{{behavior.prev_BHVCluster}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.max_day_sum_Amount"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.max_day_sum_Amount | translate }} ">{{ "max_day_sum_Amount" | translate }}:</abbr></dt><dd>{{behavior.max_day_sum_Amount | thousandSeparatorDec}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.prev_max_day_sum_Amount"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.prev_max_day_sum_Amount | translate }} ">{{ "prev_max_day_sum_Amount" | translate }}:</abbr></dt><dd>{{behavior.prev_max_day_sum_Amount | thousandSeparatorDec}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.meantop_W_AmountCHF"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.meantop_W_AmountCHF | translate }} ">{{ "meantop_W_AmountCHF" | translate }}:</abbr></dt><dd>{{behavior.meantop_W_AmountCHF | thousandSeparatorDec}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.max_meantop_W_AmountCHF"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.max_meantop_W_AmountCHF | translate }} ">{{ "max_meantop_W_AmountCHF" | translate }}:</abbr></dt><dd>{{behavior.max_meantop_W_AmountCHF | thousandSeparatorDec}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.N_month_trans"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.N_month_trans | translate }} ">{{ "N_month_trans" | translate }}:</abbr></dt><dd>{{behavior.N_month_trans}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.prev_max_N_month_trans"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.prev_max_N_month_trans | translate }} ">{{ "prev_max_N_month_trans" | translate }}:</abbr></dt><dd>{{behavior.prev_max_N_month_trans}}</dd></dl></div>
        <div class="col-sm-6" ng-if="behavior.Score"><dl class="dl-horizontal"><dt><abbr class="hide-abbr" title="{{ config.hints.ClientRisk | translate }} ">{{ "ClientRisk" | translate }}:</abbr></dt><dd>{{behavior.Score}}</dd></dl></div>
    </div>
  </div>
</div>

<div ng-show="item.reason.transactions.length > 0">
  <h2>{{ "ALERTS" | translate }}</h2>
  <uib-accordion>
    <table class="table table-hover">
      <thead>
        <tr>
          <th>{{ "ID" | translate }}</th>
          <th>{{ "REASONING" | translate }}</th>
          <th>{{ "MESSAGE" | translate }}</th>
          <th>{{ "SCORE" | translate }}</th>
          <th>{{ "Debit_Credit" | translate }}</th>
          <th>{{ "DT" | translate }}</th>
          <!-- <th ng-show="vm.canShowActionColumn()">{{ "ACTION" | translate }}</th> -->
          <th ng-show="vm.showListEntries">{{ "WHITE_WATCH_LISTS" | translate }}</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="row in item.reason.transactions">
          <td>{{ row.id}}</td>
          <td><b ng-show = "row.color == 2" class = "swamp">&#10004; </b><b ng-show = "row.color == 1" class = "dark-yellow">&#10004; </b> {{row.Rule}}</td>
          <td compile="row.Message"></td>
          <td>{{row.Score | number:4}}</td>
          <td>{{ row.Debit_Credit}}</td>
          <td>{{ row.DT | parseDateOdata | formatTimestamp}}</td>
          <!-- <td ng-show="vm.canShowActionColumn()">
            <div uib-accordion-group class="panel-primary" heading="{{ 'ACTION' | translate }}...">
              <div class="marT-3 padL-3 padR-3 text-center">
                <add-to-list item="item" type="'alert'" matchid = "row.id" is-not-validated="vm.isNotValidated()" ng-if="row.id !== undefined">
                </add-to-list>
              </div>
            </div>
          </td> -->
          <td ng-show="vm.showListEntries">
            <div ng-if="row.listEntries" ng-init="vm.showListEntries = true; row.listEntriesTable = vm.parseListEntries(row.listEntries);">
                <dd ng-repeat = "myLink in row.listEntriesTable track by $index">
                  <a href = "{{myLink.myurl}}">{{myLink.mycaption}}</a>
                </dd>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </uib-accordion>
</div>

<div ng-show="item.reason.behavior.length > 0">
  <h2>{{ "ALERTS" | translate }}</h2>
  <uib-accordion>
    <table class="table table-hover">
      <thead>
        <tr>
          <th>{{ "REASONING" | translate }}</th>
          <th>{{ "MESSAGE" | translate }}</th>
          <th>{{ "SCORE" | translate }}</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="row in item.reason.behavior">
          <td><b ng-show = "row.color == 2" class = "swamp">&#10004; </b><b ng-show = "row.color == 1" class = "dark-yellow">&#10004; </b> {{row.Rule | ruleName}}</td>
          <td compile="row.Message"></td>
          <td>{{row.Score | number:4}}</td>
        </tr>
      </tbody>
    </table>
  </uib-accordion>
</div>

<div ng-if="vm.list_id_comments.length + vm.list_id_other_comments.length > 0">
  <h3>{{ 'COMMENTS' | translate }}</h3>
  <comments-list comments="vm.all_list_id_comments"
                 category="'comment'"></comments-list>  
</div>

<div ng-if="vm.islist" class="padT-3">
  <h3>{{ 'ALERT' | translate }}</h3>
  <div class="two-column-view  padB-9">
    <div class="" ng-if="item.orgClient"><dl class="dl-horizontal"><dt>{{ "ORGCLIENT" | translate }}:</dt><dd>{{item.orgClient}}</dd></dl></div>
    <div class="" ng-if="item.status"><dl class="dl-horizontal"><dt>{{ "STATUS" | translate }}:</dt><dd>{{item.status | translate }}</dd></dl></div>
    <div class="" ng-if="item.payment_status"><dl class="dl-horizontal"><dt>{{ item.subtype === "&lt;payments&gt;" ? "PAYMENT_STATUS" : "RELATIONSHIP_STATUS" | translate }}:</dt><dd>{{item.payment_status | translate }}</dd></dl></div>
    <div class="" ng-if="item.Creation_Date"><dl class="dl-horizontal"><dt>{{ "CREATED" | translate }}:</dt><dd>{{item.Creation_Date | parseDate | formatTimestamp}}</dd></dl></div>
    <div class="" ng-if="item.category"><dl class="dl-horizontal"><dt>{{ "CATEGORY" | translate }}:</dt><dd>{{item.category | translate }}</dd></dl></div>
    <div class=""><dl class="dl-horizontal"><dt>{{ "SESSION" | translate }}:</dt><dd ng-if="!chooseSession">{{item.session}}</dd><dd ng-if="chooseSession"><a ng-click="chooseSession(item.session)" class="no-link-link">{{item.session}}</a></dd></dl></div>
    <div class="" ng-if="item.user.username"><dl class="dl-horizontal"><dt>{{ config.general.factiva ? "OWNER" : "ASSIGNED_TO" | translate }}:</dt><dd>{{item.user.username}}</dd></dl></div>
    <div class="" ng-if="item.assignee.username"><dl class="dl-horizontal"><dt>{{ "ASSIGNEE" | translate }}:</dt><dd>{{item.assignee.username}}</dd></dl></div>
    <div class="" ng-if="item.employee_alert !== undefined"><dl class="dl-horizontal"><dt>{{ "CUSTOMER_IS_EMPLOYEE" | translate }}:</dt><dd>{{ item.employee_alert ? 'YES' : 'NO' | translate }}</dd></dl></div>
    <div class="" ng-if="item.Similarity"><dl class="dl-horizontal"><dt>{{ "SIMILARITY" | translate }}:</dt><dd>{{item.Similarity | number:4}}</dd></dl></div>
    <div class="" ng-if="item.reason.matches"><dl class="dl-horizontal"><dt>{{ "List" | translate }}:</dt><dd><span ng-repeat="match in item.reason.matches">{{ match.list.List }}<span ng-if="!$last">;</span></span></dd></dl></div>
    <div class="" ng-if="item.reason.matches"><dl class="dl-horizontal"><dt>{{ "Type of list" | translate }}:</dt><dd><span ng-repeat="match in item.reason.matches">{{ match.list.type_of_list }}<span ng-if="!$last">;</span></span></dd></dl></div>
    <div class="" ng-if="item.reason.matches"><dl class="dl-horizontal"><dt>{{ "List Category" | translate }}:</dt><dd><span ng-repeat="match in item.reason.matches">{{ match.list.Category }}<span ng-if="!$last">;</span></span></dd></dl></div>
  </div>
</div>
