partner accounting

<ion-header eba-header-title [titleKey]="'PARTNER_ACCOUNTING' | translate" [userDetails]="false">
</ion-header>
<ion-content #content resize-content [content]=content>
  <div style="padding:3rem" text-center *ngIf="loading">
    <ion-spinner class="loader"></ion-spinner>
  </div>
  <ng-container>
    <div class="attendant-accounting-body" [style.display]="!loading?'block':'none'">
      <attendant-reports-header-wrapper [reportType]="reportType" (showReport)="onShowReport($event)"
        (processingData)="onProcessingData($event)">
      </attendant-reports-header-wrapper>
      <ng-container *ngIf="report?.Tables[0]?.Rows?.length>0">
        <div class="data-container">
          <div class="title my-2 mx-2"> {{'PROFIT_SUMMARY' | translate}} </div>
          <div class="data-body" *ngFor="let row of profitSummaryTable?.Rows">
            <div class="rows" *ngFor="let data of row?.CellData; let i=index">
              <div>{{profitSummaryTable?.Header?.CellData[i]}}</div>
              <div>{{data}}</div>
            </div>
          </div>
        </div>
        <div class="data-container">
          <div class="title  my-2 mx-2">{{'FINAL_SUMMARISATION' | translate}} </div>
          <div class="data-body">
            <div class="rows" *ngFor="let row of finalSummarisationTable?.Rows">
              <div>{{row.CellData[0]}}</div>
              <div>{{row.CellData[1]}}</div>
            </div>
          </div>
        </div>
      </ng-container>
    </div>
  </ng-container>
</ion-content>