@if (edit() == false) {
    <nz-card style="width:400px;" [nzActions]="[edit, delete]">
        <h2 style="text-align: center; font-weight: bold">Communication n°{{ communication().id }}</h2>
        @if (communication().calling) {
            <p>📞 Appel : {{ communication().calling }}</p>
        }
        @if (communication().email) {
            <p>✉️ Email : {{ communication().email }}</p>
        }
        @if (communication().meeting) {
            <p>🤝 Réunion : {{ communication().meeting }}</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]="communicationForm">
            <nz-form-item>
                <nz-form-label nzSpan="5">Appel</nz-form-label>
                <nz-form-control nzSpan="22">
                    <input nz-input placeholder="Appel" formControlName="calling">
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-label nzSpan="5">Email</nz-form-label>
                <nz-form-control nzSpan="22">
                    <input nz-input placeholder="Email" formControlName="email">
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-label nzSpan="5">Réunion</nz-form-label>
                <nz-form-control nzSpan="22">
                    <input nz-input placeholder="Réunion" formControlName="meeting">
                </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>
}