Untitled

<div class="entity-container">
    <form class="form-container" [formGroup]="form">
        <mat-card class="card-form container-fluid">
            <app-audit *ngIf="!isNew" [properties]="constants.AUDIT_COMPONENT"
                       [data]="auditDataDt"></app-audit>
            <div class="form-input__container">
                <!-- header card -->
                <div class="row mt-4">
                    <h2 class="card-form__title col-8 col-sm-10">{{ (null ? null : isNew ? 'users.title-new' : 'users.title-edit') | translate}}</h2>
                    <div  class="col-4 col-sm-2 toggle-header" >
                    <!--    <app-status 
                        *ngIf="!isNew" 
                        [type]="2"
                        [status]="'Deshabilitado'"
                        [showOther]="{show:true, text:'Válido'}"
                        ></app-status>
                    -->
                    </div>
                </div>
                <!--contianer form-->
                <div class="row">

                </div>
            </div>
        </mat-card>
        <div class="button-form">
            <button [disabled]="form.invalid" mat-raised-button class="submit-button">
                {{'button-titles.save' | translate}}
            </button>
        </div>
        <div class="add-button">
            <button matTooltip="lorem"
                    type="button" (click)="setIsNew()"  class="button-add-item vivify spinIn delay-500 ms-3" mat-fab>
                <mat-icon>add</mat-icon>
            </button>
        </div>
    </form>
</div>