<div class="coach">
    <!--<mat-toolbar color="#003561">
    <a (click)="navigateBack()" class="back">
      <mat-icon>{{currentPageData.back}}</mat-icon>
    </a>
    <span>{{currentPageData.title}}</span>
    <span class="fill-remaining-space"></span>
    <div class="user-role-info" (click)="changeRole()" [ngClass]="roleStatus ? 'showRole' : 'hideRole'">
      {{selectedRole}} Playground
      <span class="glyphicon glyphicon-triangle-bottom arrow-icon"></span>
    </div>
    <div class="usr-info-avatar" [appEmployeeLogout]='cardLogout'>
      <p>{{ initials }}</p>
    </div>
    <app-employee-logout hidden='false' #cardLogout></app-employee-logout>
  </mat-toolbar>-->
    <app-header [getColor]="'#003561'" [changeNavIcon]="false" [getAvatarName]="initials" [getcurrentPageNumber]="currentPageNumber" [getBackLink]="backLink" [getcurrentPageData]="currentPageData" [disableUserInfoNav]="onlyOneRole" [roleStatus]="roleStatus"
        (getchangedRole)='changeRole($event)' (initFeedbackModal)="openFeedModal($event)">
    </app-header>
    <div class="row no-margins">
        <div *ngIf="roleStatus" class="show-role-details">
            <div class="close-icon">
                <a (click)="changeRole()">
                    <img src="{{imageUrl}}/assets/img/employee/post_login/close-icon.png" alt="close">
                </a>
            </div>
            <app-employee (closeNav)="closeNavDetails($event)"></app-employee>
        </div>
        <router-outlet></router-outlet>
    </div>
    <app-feedbackmodal [openTheFdM]="frmCandD" (closeTheFdM)="closeFdModal($event)" *ngIf="frmCandD"></app-feedbackmodal>
</div>
<app-chat-footer></app-chat-footer>