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" >
                        <button matTooltip="{{'button-titles.state' | translate}}"
                                type="button" class="status-button vivify spinIn delay-500 ms-3" mat-mini-fab>
                            <mat-icon class="status-button__icon">power_settings_new</mat-icon>
                        </button>
                    </div>
                </div>
                <!--contianer form-->
                <div class="row">
                  
                      
                            //ACA AGREGAR SUS INPUTS


                </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>