<div *ngIf="showDashboard; else showCardDetails">
    <div class="row">
        <div class="col-md-4 right form-group dashSearch">
            <input type="text" class="form-control" placeholder="Search..." #searchword (input)="insearch(searchword)">
            <img src="{{imagelink}}search_icon.png" class="searchicon">
        </div>
    </div>
    <div class="loader" *ngIf="loader; else notLoader">
        <img class="loading-img" src="{{img_path + 'Blocks.gif'}}">
    </div>
    <ng-template #notLoader>
        <app-employee-status [activefilter]="activefilter" [statuscount]="statuscount" (statusfilter)="statusfilter($event)"></app-employee-status>



        <app-employee-assessment-card *ngIf="allStatusLearningPathRecords.length > 0" [title]="'Learning Path'" [primaryrecord]="allStatusLearningPathRecords" [allskills]="skills" (hideSlidingBtn)="hideSlidingBtn()" (cardId)="learningPathCardDetails($event)"></app-employee-assessment-card>
        <app-employee-assessment-course [Allcourserecords]="allstatuscourserecords" *ngIf="AllcourserecordsCount >= 0"></app-employee-assessment-course>


        <app-employee-assessment-card *ngIf="primarycount > 0" [title]="'Primary Assessment'" [primaryrecord]="primaryusecase" [allskills]="skills"></app-employee-assessment-card>

        <app-employee-assessment-card *ngIf="technicalcount > 0" [title]="'Technical Usecase Assessment'" [technicalrecord]="technicalusecase" [allskills]="skills"></app-employee-assessment-card>

        <app-employee-assessment-card *ngIf="businesscount > 0" [title]="'Business Usecase Assessment'" [businessrecord]="businessusecase" [allskills]="skills"></app-employee-assessment-card>
    </ng-template>

</div>
<ng-template #showCardDetails>
    <div class="learning-path-box">
        <app-learnig-path-details [learningPathDetails]="learningPathDetails" [detailsType]="'dashboard'"></app-learnig-path-details>
    </div>
</ng-template>