<!--
  ~ Copyright (C) 2018 Robert Bosch GmbH Copyright (C) 2018 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
  -->
<div class="dialog-content-wrapper" *ngIf="showModal">
  <div class="dialog-header">
    <div class="dialog-title-icon">
      <div class="dialog-title">{{ intl.title }}</div>
    </div>
    <div>
      <button class="close-button" mat-icon-button (click)="closeModal()" data-test="modal-window-close-button">
        <i class="Bosch-Ic Bosch-Ic-abort"></i>
      </button>
    </div>
  </div>
  <mat-dialog-content>
    <div class="filter-view-container">
      <div class="filter-view">
        <mat-list>
          <ng-content select="bci-filter-entry"></ng-content>
        </mat-list>
      </div>
      <mat-divider [vertical]="true"></mat-divider>
      <div class="filter-view">
        <ng-content></ng-content>
      </div>
    </div>
  </mat-dialog-content>
</div>
<mat-dialog-actions>
  <button bciPrimaryButton (click)="applyFilters()" class="optionalButton">
    {{ intl.apply }}
  </button>
  <button bciSecondaryButton (click)="closeModal()" class="optionalButton">
    {{ intl.cancel }}
  </button>
</mat-dialog-actions>
