<h2>Business UseCase </h2>

<h5 *ngIf="access.showPlaygroundFiles" (click)="getWorkspaceInfo()" class="cursorPointer">{{_candidateDashboard.infoDetails.userInfoMstr.firstNm}}'s Playground </h5>

<h5 *ngIf="access.showUseCase" class="cursorPointer" (click)="getusecase()"> View UseCase </h5>

<div class="row" *ngIf= "showUseCaseModal" >
  <app-viewusecase title="Use Case" [content]="techusecaseINFO.usecaseDescription" (closeUsecase)="closeUseCase()"></app-viewusecase>
</div>

<div class="row" *ngIf= "showWorkspaceInfo">

  <app-show-workspace-info [workspaceData]="workSpaceData" (closeWorkspaceInfo)="closeUseCase()" (Launch)="LaunchWorkspace()" ></app-show-workspace-info>

</div>

<mat-card class="_matCard">

  <div class="container-fluid">

    <div class="row" *ngIf="access.testInProgress">

      <app-test-in-progress></app-test-in-progress>

    </div>

    <div class="row" *ngIf="access.testTobeStarted">

      <app-test-in-progress copy="Test is yet to be started"></app-test-in-progress>

    </div>


    <div class="row" *ngIf="candidateDashboard.infoMstr.status == 'MAIN_PG_COMPLETED' && _role == 'PGM'; else scoreEvaluvation" >

      <app-test-in-progress copy="Test is completed waiting for coach evaluation"></app-test-in-progress>
    </div>

    <ng-template #scoreEvaluvation>
    <div class="row" *ngIf="access.businessTestCompleted || candidateDashboard.infoMstr.status == 'MAIN_PG_COMPLETED'  || candidateDashboard.infoMstr.status == 'MAIN_PG_COACH_REVIEWED' || candidateDashboard.infoMstr.status == 'MAIN_PG_MANAGER_APPROVED'  || candidateDashboard.infoMstr.status == 'MAIN_PG_MANAGER_REJECTED' ">

      <app-cc-index [ccIndexCapabilites]="capabilitesIndex" [candidate]="_candidateDashboard" [noWrite]="readaccess" [role]="_role" event="businessUseCase"></app-cc-index>

    </div>
    </ng-template>



  </div>



</mat-card>




<!-- TODO: look at this to do the integration -->

