<mat-toolbar color="getColor" ngClass="{{changeColor}}" [ngSwitch]="getcurrentPageNumber">
    <span *ngIf="!changeNavIcon; else noNavChange">

    <a (click)="navigateBack()" class="back">
      <mat-icon>arrow_back</mat-icon>
    </a>

          <cuppa-slidemenu [menulist]="menuListItem" (open)="onOpen()" (close)="onClose()" (onItemSelect)="onItemSelected($event)" [config]="menuConfig"></cuppa-slidemenu>

  </span>
    <ng-template #noNavChange>
        <a *ngIf="changeNavIcon" (click)="navigateBack()" class="back">
            <mat-icon>arrow_back</mat-icon>
        </a>
    </ng-template>
    <a *ngIf="backWithoutRouting" (click)="navigateBackWithoutRouting()" class="back">
        <mat-icon>arrow_back</mat-icon>
    </a>
    <span>{{getcurrentPageData?.title}}</span>
    <span class="fill-remaining-space"></span>


    <div class="btn-group btn-padding" *ngIf="onboardTab">
        <button class="btn largeBtn btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Onboard Candidate(s)
    </button>
        <div class="dropdown-div1 dropdown-menu">
            <a class="dropdown-text dropdown-item" href="ta/addCandidate">Add a Candidate</a>
            <div class="dropdown-div dropdown-divider"></div>
            <a class="dropdown-text dropdown-item" href="ta/taBulkUpload">Bulk Upload</a>
        </div>
    </div>

    <button class="user-role-info hide" (click)="changeRole()" [disabled]="disableUserInfo()" [ngClass]="roleStatus ? 'showRole' : 'hideRole'">
        {{selectedRole}} Playground
        <span class="glyphicon glyphicon-triangle-bottom arrow-icon"></span>
    </button>
    <a class="fd_icon" (click)="feedModal(true)"> <img src="{{img_path}}feedback_icon.svg" alt="feedback" />
    </a>
    <div class="usr-info-avatar" ngClass="{{adminAvatarColor}}" [appEmployeeLogout]='cardLogout'>
        <p>{{ getAvatarName }}</p>
    </div>
    <app-employee-logout hidden='false' #cardLogout></app-employee-logout>
</mat-toolbar>