<div class="mc-page">

    <app-mc-page-header>
    </app-mc-page-header>

    <div class="mc-page-body container">
        <div class="mc-page-body-heading" style="margin-bottom: 16px;">Career Profile for {{applicantJob?.JobTitle}} at {{applicantJob?.Employer}} </div>

        <div class="mc-card position-relative">

            <app-overlay [isActive]="isLoading"></app-overlay>

            <app-personal-details #personalDetailsComponent *ngIf="applicantJob.CareerProfile" [asChildComponent]="true"
                                  [willNotUpdateOriginal]="true" [forID]="applicantJob.CareerProfile">
            </app-personal-details>


            <div class="d-flex justify-content-between mt-3">
                <button pButton label="Save and Exit" class="mc-btn-secondary" (click)="next('exit')">
                </button>

                <button pButton [label]="completedView ? 'Done' : 'Proceed to work history'" class="mc-btn-primary" (click)="next('proceed')">
                </button>
            </div>
        </div>

    </div>

</div>
