
        <table class="table table-hover">
            <thead>
                <th  class = "col-md-2">
                    
                </th>
                <th ng-if="item.client" class = "col-md-5">
                    {{ "CLIENT" | translate }}
                </th>
                <th ng-if="item.virtual_client && item.virtual_client.id" class = "col-md-5">
                    {{ "VIRTUAL_CLIENT" | translate }}
                </th>
                <th ng-if="!item.uclient" class = "col-md-5">

                </th>
                <th class = "col-md-5">
                    {{ "RISK_PERSON" | translate }}
                </th>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <b>{{ "ID" | translate }}</b>
                    </td>
                    <td ng-if="item.client" class = "col-md-5">
                        <a class="no-link-link" ng-click="item.switch()">{{item.client.id}}</a>
                    </td>
                    <td ng-if="item.virtual_client && item.virtual_client.id" class = "col-md-5">
                        <a class="no-link-link" ng-click="item.switch()">{{item.virtual_client.id}}</a>
                    </td>
                    <td ng-if="!item.uclient" class = "col-md-5">

                    </td>
                    <td>
                        <a class="no-link-link" ng-click="item.switch()"><b ng-show = "item.color == 2" class = "swamp">&#10004; </b><b ng-show = "item.color == 1" class = "dark-yellow">&#10004; </b> {{item.list.id}}</a>
                    </td>
                </tr>
                <!-- <tr ng-if="item.list.First_Name || item.uclient.FIRSTNAME"> -->
                <tr>
                    <td>
                        <b>{{ "FIRSTNAME" | translate }}</b>
                    </td>
                    <td class="hiding-button-parent">
                        <span compile="item.uclient.FIRSTNAME | highlight : item.uclient.highlightingData:'FIRSTNAME'"></span>
                        <button type="button" class="btn btn-default btn-sm hiding-button-child" ng-if="vm.googlesearch(item.uclient)" ng-click="vm.googleopen(item.uclient)"><i class="material-icons mini-icon padB-0">search</i></button>
                    </td>
                    <td class="hiding-button-parent">
                        <span compile="item.list.First_Name | highlight : item.list.highlightingData:'First_Name'"></span>
                        <button type="button" class="btn btn-default btn-sm hiding-button-child" ng-if="vm.googlesearch(item.list)" ng-click="vm.googleopen(item.list)"><i class="material-icons mini-icon padB-0">search</i></button>
                    </td>
                </tr>
                <!-- <tr ng-if="item.list.Last_Name || item.list.Full_Name || item.uclient.LASTNAME"> -->
                <tr>
                    <td>
                        <b>{{ "LASTNAME" | translate }}</b>
                    </td>
                    <td class="hiding-button-parent">
                        <span compile="item.uclient.LASTNAME | highlight : item.uclient.highlightingData:'LASTNAME'"></span>
                        <button type="button" class="btn btn-default btn-sm hiding-button-child" ng-if="vm.googlesearch(item.uclient)" ng-click="vm.googleopen(item.uclient)"><i class="material-icons mini-icon padB-0">search</i></button>
                    </td>
                    <td class="hiding-button-parent">
                        <span compile="[ (item.list.Last_Name | highlight : item.list.highlightingData:'Last_Name'), (item.list.Full_Name | highlight : item.list.highlightingData:'Full_Name') ] | reduceStrings"></span>
                        <button type="button" class="btn btn-default btn-sm hiding-button-child" ng-if="vm.googlesearch(item.list)" ng-click="vm.googleopen(item.list)"><i class="material-icons mini-icon padB-0">search</i></button>
                    </td>
                </tr>
                <!-- <tr ng-if="item.uclient.DOB || item.list.DOB"> -->
                <tr>
                    <td>
                        <b>{{ "DOB" | translate }}</b>
                    </td>
                    <td>
                        <span compile="item.uclient.DOB | highlight : item.list.highlightingData:'DOB'"></span>
                    </td>
                    <td class="text">
                        <abbr class="hide-abbr" title="{{ item.list.DOB }}"><span compile="item.list.DOB | highlight : item.list.highlightingData:'DOB'"></span></abbr>
                    </td>
                </tr>
                <tr>
                    <td>
                        <b>{{ "GENDER" | translate }}</b>
                    </td>
                    <td>
                        <span compile="item.uclient.Gender | highlight : item.list.highlightingData:'Gender'"></span>
                    </td>
                    <td class="text">
                        <abbr class="hide-abbr" title="{{ item.list.Gender }}"><span compile="item.list.Gender | highlight : item.list.highlightingData:'Gender'"></span></abbr>
                        <!-- <abbr class="hide-abbr" title="{{ item.list.Gender }}">{{item.list.Gender}}</abbr> -->
                    </td>
                </tr>
                <!-- <tr ng-if="item.uclient.Additional_Name1 || item.uclient.add_name || item.list.Alias || item.uclient.Additional_Name2 || item.uclient.add_name2"> -->
                <tr>
                    <td>
                        <b>{{ "ALIAS" | translate }}</b>
                    </td>
                    <td class="hiding-button-parent">
                        <span ng-if="item.uclient.add_info4 !== 'ISIN' && item.uclient.add_info4 !== 'CUSIP' && item.uclient.add_info4 !== 'SEDOL' && !item.uclient.Additional_Name2.startsWith('[ISIN]') && !item.uclient.Additional_Name2.startsWith('[CUSIP]') && !item.uclient.Additional_Name2.startsWith('[SEDOL]')"><span compile=" [item.uclient.Additional_Name1, item.uclient.add_name, item.uclient.Additional_Name2, item.uclient.add_name2, item.uclient.add_name_full] | reduceStrings | highlight : item.list.highlightingData:'Alias'"></span></span>
                        <span ng-if="item.uclient.add_info4 == 'ISIN' || item.uclient.add_info4 == 'CUSIP' || item.uclient.add_info4 == 'SEDOL' || item.uclient.Additional_Name2.startsWith('[ISIN]') || item.uclient.Additional_Name2.startsWith('[CUSIP]') || item.uclient.Additional_Name2.startsWith('[SEDOL]')"><span compile=" [item.uclient.Additional_Name1, item.uclient.add_name, item.uclient.add_name2] | reduceStrings | highlight : item.list.highlightingData:'Alias'"></span></span>
                        <button type="button" class="btn btn-default btn-sm hiding-button-child" ng-if="vm.googlesearch(item.uclient, true)" ng-click="vm.googleopen(item.uclient, true)"><i class="material-icons mini-icon padB-0">search</i></button>
                    </td>
                    <td class="text hiding-button-parent">
                        <abbr class="hide-abbr" title="{{ [item.list.Full_Name, item.list.Alias] | reduceStrings }}"><span compile="item.list.Alias | highlight : item.list.highlightingData:'Alias'"></span></abbr>
                        <button type="button" class="btn btn-default btn-sm hiding-button-child" ng-if="vm.googlesearch(item.list, true)" ng-click="vm.googleopen(item.list, true)"><i class="material-icons mini-icon padB-0">search</i></button>
                    </td>
                </tr>
                <!-- <tr ng-if="item.uclient.COUNTRIES || item.uclient.ADDR_COUNTRY || item.list.Country || item.list.Country_Of_Origin || item.uclient.Nationality || item.uclient.NATIONALITY || item.list.Country_Of_Activity"> -->
                <tr>
                    <td>
                        <b>{{ "NATIONALITY" | translate }}</b>
                    </td>
                    <td>
                        <span compile="[( item.uclient.COUNTRIES | highlight : item.list.highlightingData:'COUNTRIES' ), ( item.uclient.ADDR_COUNTRY | highlight : item.list.highlightingData:'ADDR_COUNTRY' ), ( item.uclient.Nationality | highlight : item.list.highlightingData:'Nationality' ), ( item.uclient.NATIONALITY | highlight : item.list.highlightingData:'NATIONALITY' )] | reduceStrings"></span>
                        {{  }}
                    </td>
                    <td>
                        <span compile="[(item.list.Country | highlight : item.list.highlightingData:'Country'), (item.list.Country_Of_Origin | highlight : item.list.highlightingData:'Country_Of_Origin'), (item.list.Country_Of_Activity | highlight : item.list.highlightingData:'Country_Of_Activity')] | reduceStrings"></span>
                    </td>
                </tr>

                <tr>
                    <td>
                        <b>{{ "Full Address" | translate }}</b>
                    </td>
                    <td>
                        <span ng-show="item.uclient.Address || item.uclient.ADDR_CITY || item.uclient.ADDR_COUNTRY || item.uclient.ADDR_POSTAL_CODE || item.uclient.ADDR_HOUSE_NR || item.uclient.ADDR_PO_BOX">
                            <span compile="item.uclient.Address | highlight : item.uclient.highlightingData:'Address'"></span>,
                            <span compile="item.uclient.ADDR_HOUSE_NR | highlight : item.uclient.highlightingData:'ADDR_HOUSE_NR'"></span>,
                            <span compile="item.uclient.ADDR_POSTAL_CODE | highlight : item.uclient.highlightingData:'ADDR_POSTAL_CODE'"></span>
                            <span compile="item.uclient.ADDR_CITY | highlight : item.uclient.highlightingData:'ADDR_CITY'"></span>,
                            <span compile="item.uclient.ADDR_COUNTRY | highlight : item.uclient.highlightingData:'ADDR_COUNTRY'"></span>, 
                            <span compile="item.uclient.ADDR_PO_BOX | highlight : item.uclient.highlightingData:'ADDR_PO_BOX'"></span>
                        </span>
                    </td>
                    <td>
                        <span compile="item.list.address | highlight : item.list.highlightingData:'address'"></span>
                    </td>
                </tr>

                <tr ng-show="vm.showListEntries">
                    <td>
                        <b>{{ "WHITE_WATCH_LISTS" | translate }}</b>
                    </td>
                    <td>
                    </td>
                    <td>
                        <div ng-if="item.row.listEntries" ng-init="vm.showListEntries = true; item.row.listEntriesTable = vm.parseListEntries(item.row.listEntries);">
                            <dd ng-repeat = "myLink in item.row.listEntriesTable track by $index">
                                <a href = "{{myLink.myurl}}" ng-click="okOnModal()">{{myLink.mycaption}}</a>
                            </dd>
                        </div>
                    </td>
                </tr>

                <tr ng-if="item.uclient.add_info4 == 'ISIN' || item.uclient.add_info4 == 'CUSIP' || item.uclient.add_info4 == 'SEDOL' || item.uclient.Additional_Name2.startsWith('[ISIN]') || item.uclient.Additional_Name2.startsWith('[CUSIP]') || item.uclient.Additional_Name2.startsWith('[SEDOL]')">
                    <td>
                        <b>{{ "IDENTIFICATIONS" | translate }}</b>
                    </td>
                    <td class="hiding-button-parent">
                        <span compile="item.uclient.add_name_full | highlight : item.list.highlightingData:'Alias'"></span>
                    </td>
                    <td class="text hiding-button-parent">
                        <span ng-if="item.list.ssn && item.uclient.add_info1 && (item.list.ssn.indexOf(item.uclient.add_info1.trim()) !== -1)"><span compile="item.uclient.add_info1 | highlight : item.list.highlightingData:'Alias'"></span></span>
                        <span ng-if="item.list.ssn && item.uclient.Additional_Name2 && (item.list.ssn.indexOf(item.uclient.Additional_Name2.split(']')[1].trim()) !== -1)"><span compile="item.uclient.Additional_Name2.split(']')[1].trim() | highlight : item.list.highlightingData:'Alias'"></span></span>
                    </td>
                </tr>

            </tbody>
        </table>

<div ng-if="item.list.Function && item.list.Function.indexOf('<RoleDetail>') === -1">
  <h3>{{ "FUNCTIONS" | translate }}</h3>
  <table class="table table-hover">
    <thead>
      <tr>
        <th>{{ "FUNCTION" | translate }}</th>
        <th>{{ "CATEGORY" | translate }}</th>
        <th>{{ "NOT_IN_CHARGE_SINCE" | translate }}</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="row in item.list.Function.split('; OTHER FUNCTION: ')">
        <td>{{row.split(' CATEGORY: ')[0].split(' NOT IN CHARGE SINCE: ')[0].trim()}}</td>
        <td>{{row.split(' CATEGORY: ')[1].trim()}}</td>
        <td>{{row.split(' CATEGORY: ')[0].split(' NOT IN CHARGE SINCE: ')[1].trim()}}</td>
      </tr>
    </tbody>
  </table>
</div>

<div ng-if="item.list.Function && item.list.Function.indexOf('<RoleDetail>') !== -1">
    <h3>{{ "FUNCTIONS" | translate }}</h3>
    <roles-table data="item.list.Function" type="'functions'"></roles-table>
</div>