<div>
    <table tr-ng-grid
           items="reportsGridCtrl.reports"
           filter-by-fields="reportsGridCtrl.gridParams.filterByFields"
           enable-filtering="true"
           selection-mode="None"
           page-items="20"
           total-items="reportsGridCtrl.reportsCount">
        <thead>
            <tr add-scroll-bar-size="">
                <th field-name="bank" display-name="{{'reportsGrid_column_bank' | translate}}" class="col-bank" />
                <th ng-if="reportsGridCtrl.isCurrentStateMode()" field-name="newer" class="col-newer">
                    <div class="tr-ng-title">
                        {{'reportsGrid_column_newer' | translate}}
                        <div tr-ng-grid-column-sort></div>
                    </div>
                    <div class="tr-ng-custom-filter-select">
                        <div
                                isteven-multi-select
                                input-model="reportsGridCtrl.newerFilter.input"
                                output-model="reportsGridCtrl.newerFilter.output"
                                output-properties="name filterName"
                                button-label="icon name"
                                item-label="icon name"
                                tick-property="selected"
                                selection-mode="single"
                                helper-elements="none"
                                on-item-click="reportsGridCtrl.newerFilter.onSelectionChange()"
                                translation="reportsGridCtrl.multiSelectTranslations"
                                >
                        </div>
                    </div>
                </th>
                <th field-name="lcrRating_2" display-name="{{'reportsGrid_column_bank' | translate}}" class="col-lcrRating_2" >
                    <div class="tr-ng-title">
                        {{'Zaznacz wszystkie'}}
                    </div>
                    <div align="center">
                        <input type="checkbox" class="check" id="checkAll">
                    </div>
                </th>
                <th field-name="status" class="col-status" >
                    <div class="tr-ng-title">
                        {{'reportsGrid_column_status' | translate}}
                        <div tr-ng-grid-column-sort></div>
                    </div>
                    <div class="tr-ng-custom-filter-select">
                        <div
                                isteven-multi-select
                                input-model="reportsGridCtrl.statusFilter.input"
                                output-model="reportsGridCtrl.statusFilter.output"
                                output-properties="name filterName"
                                button-label="icon name"
                                item-label="icon name"
                                tick-property="selected"
                                selection-mode="single"
                                helper-elements="none"
                                on-item-click="reportsGridCtrl.statusFilter.onSelectionChange()"
                                translation="reportsGridCtrl.multiSelectTranslations"
                                >
                        </div>
                    </div>
                </th>
                <th field-name="taxonomyVersion" display-name="{{'reportsGrid_column_taxonomyVersion' | translate}}" class="col-taxonomyVersion" />
                <th field-name="arrivalDate" display-name="{{'reportsGrid_column_arrivalDate' | translate}}" class="col-arrivalDate" />
                <th ng-if="reportsGridCtrl.isConsolidationMode()" field-name="lcrRating" display-name="{{'reportsGrid_column_lcrRating' | translate}}" class="col-lcrRating" />
                <th class="col-actions">
                    <div class="tr-ng-title"></div>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td field-name="bank" class="col-bank">
                    <span>{{gridItem.bank}}</span>
                </td>
                <td ng-if="reportsGridCtrl.isCurrentStateMode()" field-name="newer" class="col-newer">
                    <i ng-if="gridItem.newer" class="ion ion-star color-newer"></i>
                </td>
                <td field-name="status" class="col-status">
                    <span class="{{reportsGridCtrl.resolveReportStatusClass(gridItem.status)}}"><i class="ion m-r-x ion-stop"></i> {{gridItem.daysDifference}}</span>
                </td>
                <td field-name="taxonomyVersion" class="col-taxonomyVersion">
                    <span>{{gridItem.taxonomyVersion}}</span>
                </td>
                <td field-name="arrivalDate" class="col-arrivalDate">
                    <span>{{gridItem.arrivalDate}}</span>
                </td>
                <td ng-if="reportsGridCtrl.isConsolidationMode()" field-name="lcrRating" class="col-lcrRating">
                    <span class="liquidityRatio liquidityRatio-xs {{gridItem.lcrRatingThresholdStyle}}">{{gridItem.lcrRating}}</span>
                </td>
                <td field-name="lcrRating_2" class="col-lcrRating_2">
                    <div class="crr">
                        <input type="checkbox" class="check">
                        <span class="lcrRating_2"><i class="cr-icon fa fa-check"></i>{{gridItem.lcrRating_2}}</span>
                    </div>
                </td>
                <td class="col-actions">
                    <div ng-show="reportsGridCtrl.isReportPermitted(gridItem)" class="pull-right">
                        <a class="btn btn-rounded btn-sm" href="{{gridItem.reportUrl}}" target="_blank"><i class="ion m-r-x ion-android-open"></i> {{'reportsGrid_action_openReport' | translate}}</a>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
	<i class="ion ion-load-c ion-spin ion-spin-lg" ng-if="reportsGridCtrl.reports.length === 0"></i>
</div>