<ng-container *ngIf="pageEvalution==''">
    <app-page-header [pathTitle]="pathTitle"></app-page-header>
    <div class="bg-card-white">
    </div>
    <div class="block-main-content">
        <div class="font-size-18px font-weight-700 pt-1.5rem text-primary px-2rem">
            ประเมินผล ประจำปี {{currentDate.getFullYear()}}
        </div>
        <div class="pt-50px px-2rem">
            <div id="underline-1" role="tabpanel" aria-labelledby="underline-item-1">
                <app-round-one [pathTitle]="pathTitle" (sendPathTitle)="pathTitle=$event"
                    (sendPageEvalution)="pageEvalution=$event" (sendEmployeeId)="employeeId=$event"></app-round-one>
            </div>
        </div>
    </div>
</ng-container>

<ng-container *ngIf="pageEvalution=='idp'">
    <app-idp-evalution (sendPageEvalution)="pageEvalution=$event"></app-idp-evalution>
</ng-container>
<ng-container *ngIf="pageEvalution=='pms'">
    <app-pms-evalution (sendPageEvalution)="pageEvalution=$event"></app-pms-evalution>
</ng-container>
<ng-container *ngIf="pageEvalution=='c'">
    <!-- <app-c-evaluation (sendPageEvalution)="pageEvalution=$event"></app-c-evaluation> -->
    <app-self-evaluation [pathTitle]="pathTitle" (sendPageEvalution)="pageEvalution=$event"
        (sendPathTitle)="pathTitle=$event" (employeeId)="employeeId"></app-self-evaluation>
</ng-container>