@if (reportTitle || showPrintButton || showFullScreenButton) {
  <div class="flex justify-content-between flex-wrap">
    <div class="flex align-items-center justify-content-center">
    </div>
    <div class="flex align-items-center justify-content-center">
      <div class="text-right">
        @if (showRefreshButton) {
          <p-button icon="pi pi-refresh"
            styleClass="p-button-rounded p-button-secondary p-button-text"
            (onClick)="refresh()">
          </p-button>
        }
        @if (showPrintButton) {
          <p-button icon="pi pi-print"
            styleClass="p-button-rounded p-button-secondary p-button-text"
            (onClick)="print()">
          </p-button>
        }
        @if (showFullScreenButton) {
          <p-button icon="pi pi-arrows-alt"
            styleClass="p-button-rounded p-button-secondary p-button-text"
            (onClick)="enterFullScreen()">
          </p-button>
        }
      </div>
    </div>
  </div>
}

@if (filterPanelPosition == 'right') {
  <div class="grid">
    <div class="col-12 md:col-12 lg:col-8">
      <ng-container *ngTemplateOutlet="powerbiReport"></ng-container>
    </div>
    <div class="col-12 md:col-12 lg:col-4">
      @if (hasReportFilters) {
        <ng-content select=".report-filters-right"></ng-content>
      }
    </div>
  </div>
}

@if (filterPanelPosition == 'left') {
  <div class="grid">
    <div class="col-12 md:col-12 lg:col-8">
      @if (hasReportFilters) {
        <ng-content select=".report-filters-left"></ng-content>
      }
    </div>
    <div class="col-12 md:col-12 lg:col-4">
      <ng-container *ngTemplateOutlet="powerbiReport"></ng-container>
    </div>
  </div>
}

@if (filterPanelPosition == 'bottom') {
  <div>
    <ng-container *ngTemplateOutlet="powerbiReport"></ng-container>
    @if (hasReportFilters) {
      <ng-content select=".report-filters-bottom"></ng-content>
    }
  </div>
}

<ng-template #powerbiReport>
  <div id="powerbiContainer">
    <powerbi-report [embedConfig]="reportConfig"
      [cssClassName]="reportClass"
      [eventHandlers]="eventHandlersMap">
    </powerbi-report>
  </div>
</ng-template>