bizfile/src/app/pages/investigate-business-entities-and-individuals/investigate-business-entities-and-individuals.component.html

<header class="tab-header">
    <h2>
        Investigating Business Entities and Individuals
    </h2>
</header>

<section class="bread-crumbs">
    <span [routerLink]="['/tabs/e-services']"> E-Services </span> / 
    <span class="current-page"> Investigating Business Entities and Individuals </span>
</section>

<app-closing-remarks 
    *ngIf="state === 'CLOSING REMARKS'"
    [isNonCompliant]="isNonCompliant"
></app-closing-remarks>

<app-check-status
    *ngIf="!canExecute && state !== 'CLOSING REMARKS'"
    [status]="state"
    [assignedTo]="executingRole"
></app-check-status>

<ng-container *ngIf="canExecute && state !== 'CLOSING REMARKS'">
    <app-view-case-details 
        *ngIf="state === 'VIEW INITIAL DETAILS'"
        [hasEnoughData]="hasEnoughData" 
        (updateHasEnoughData)="hasEnoughData = $event"
    ></app-view-case-details>
    
    <app-modify-case-details
        *ngIf="state === 'ENTER MORE DETAILS'"
    ></app-modify-case-details>
    
    <app-assign-panel
        *ngIf="state === 'ASSIGN COMMITTEE'"
        (onSelectedCandidatesUpdate)="handleSelectedCandidates($event)"
    ></app-assign-panel>

    <app-review-non-compliance 
        *ngIf="state === 'REVIEW NON COMPLIANCE'"
        [panelRemarks]="panelRemarks"
        [isNonCompliant]="isNonCompliant" 
        (onNonComplianceUpdate)="updateIsNonCompliant($event)"
    ></app-review-non-compliance>

    <app-concur-compliance-review 
        *ngIf="state === 'CONCUR COMPLIANCE REVIEW'"

        [isConcurring]="isPanelConcurring" 
        [remarks]="panelRemarks"

        (onIsConcurringUpdate)="isPanelConcurring = $event"
        (onRemarksUpdate)="updatePanelRemarks($event)"
    ></app-concur-compliance-review>

    <app-prepare-preliminary-letter
        *ngIf="state === 'PREPARE PRELIMINARY LETTER'"
    ></app-prepare-preliminary-letter>
    <app-respond-to-preliminary-letter
        *ngIf="state === 'RESPOND TO PRELIMINARY LETTER'"
    ></app-respond-to-preliminary-letter>
        
    <div class="form-action-buttons">
        <button class="common-button neutral" *ngIf="stateHistory.length > 0" (click)="goBack()">
            Back
        </button>
        <button class="common-button" (click)="proceed()">
            Proceed
        </button>
    </div>
</ng-container>