@if (edit() == false) {
    <nz-card style="width:400px;" [nzActions]="[edit, delete]">
        <h2 style="text-align: center; font-weight: bold">Client n°{{ customer().id }}</h2>
        <p>Note : {{ customer().note }}</p>
        <p> Type de client : {{ customer().customerType}}</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]="customerForm">
            <nz-form-item>
                <nz-form-label nzSpan="5" nzRequired> Note </nz-form-label>
                <nz-form-control nzSpan="22" nzErrorTip="Ce champ est requis !">
                    <input nz-input placeholder="Nom" formControlName="note">
                </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>
}