<div class="popup-general">
    <div class="row">
        <div class="col-lg-12">
            <div class="popup-title">
                <img src="{{ logoSrc }}" with="25" height="25">
                <span class="header-popup-text">{{ "business-parameters_change_history_title" | translate }}</span>
                <div class="pull-right">
                    <button type="button" class="close" (click)="close()">×</button>
                </div>
            </div>
        </div>
    </div>
    <div mat-dialog-content class="dialog-content">
        <div class="mail-box-content" *ngIf="!isExistDataSource" style="padding: 40px; text-align: center; margin: 10px 0px 10px 0px;">
            <div>
                <div class="row icon">
                    <div class="form-group col-xl-12">
                        <i class="fa fa-times-circle fa-5x"></i>
                    </div>
                </div>
                <div class="row icon">
                    <div class="form-group col-xl-12">
                        <h3 class="group-title suggest label-default">{{ 'business-parameters_change_history_table_empty' |
                            translate}}</h3>
                    </div>
                </div>
            </div>
        </div>
        <div *ngIf="isExistDataSource">
            <table class="crud-table table table-striped" mat-table [dataSource]="dataSource">
                <ng-container matColumnDef="from">
                    <th mat-header-cell *matHeaderCellDef>{{ 'business-parameters_change_history_header_from' |
                        translate }}
                    </th>
                    <td mat-cell *matCellDef="let item" class="text-secondary">{{ item?.from | date: short }}</td>
                </ng-container>
                <ng-container matColumnDef="to">
                    <th mat-header-cell *matHeaderCellDef>{{ 'business-parameters_change_history_header_to' |
                        translate }}
                    </th>
                    <td mat-cell *matCellDef="let item" class="text-secondary">{{ item?.to == null ? '-' : item?.to
                        | date: short }}</td>
                </ng-container>
                <ng-container matColumnDef="value">
                    <th mat-header-cell *matHeaderCellDef>{{ 'business-parameters_change_history_header_value' |
                        translate
                        }}
                    </th>
                    <td mat-cell *matCellDef="let item" class="text-secondary">{{ item?.value }}</td>
                </ng-container>
                <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
                <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
            </table>
        </div>
    </div>
</div>
<div class="popup-footer">
    <div class="pull-right">
        <button class="btn btn-default" (click)="close()">
            <span>{{ 'btn.close' | translate }}</span>
        </button>
    </div>
</div>
