@if (edit() == false) {
    <nz-card style="width:400px;" [nzActions]="[edit, delete]">
        <h2 style="text-align: center; font-weight: bold">Staff n°{{ staff().id }}</h2>
        <p>Nom : {{ staff().lastName }} {{ staff().firstName }}</p>
        <p>Profession : {{ staff().profession }}</p>
        <p>Email : {{ staff().email }}</p>
        <p>N° F4T2 : {{ staff().f4T2NumberApproval }}</p>
        <p>Expiration F4T2 : {{ staff().f4T2ExpirationDate }}</p>
    </nz-card>
    <ng-template #edit>
        <nz-icon (click)="Edit()" nzType="edit" nzTheme="fill" />
    </ng-template>
    <ng-template #delete>
        <nz-icon (click)="Delete()" nzType="delete" nzTheme="fill" />
    </ng-template>
} @else {
    <nz-card style="width:400px;" [nzActions]="[back, check]">
        <form nz-form nzLayout="horizontal" [formGroup]="staffForm">
            <nz-form-item>
                <nz-form-label nzSpan="5" nzRequired> N° F4T2 </nz-form-label>
                <nz-form-control nzSpan="22" nzErrorTip="Ce champ est requis !">
                    <input nz-input placeholder="N° F4T2" formControlName="f4T2NumberApproval">
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-label nzSpan="5" nzRequired> Exp. F4T2 </nz-form-label>
                <nz-form-control nzSpan="22" nzErrorTip="Ce champ est requis !">
                    <input nz-input placeholder="Expiration F4T2" formControlName="f4T2ExpirationDate">
                </nz-form-control>
            </nz-form-item>
        </form>
    </nz-card>
    <ng-template #back>
        <nz-icon (click)="Back()" nzType="backward" nzTheme="fill" />
    </ng-template>
    <ng-template #check>
        <nz-icon (click)="submitForm()" nzType="check" nzTheme="outline" />
    </ng-template>
}