<h2 mat-dialog-title style="text-align: center">Ingrese los campos de usuarios y fechas</h2>
<mat-dialog-content>
    <mat-grid-list cols="1" rowHeight="82px" [formGroup]="formGroupUserDate">
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="form-input">
                <mat-label>Tabla</mat-label>
                <mat-select formControlName="table" (ngModelChange)="selectedTable()">
                    <mat-option *ngFor="let table of arr_tables" [value]="table">{{ table.table.toUpperCase() }}</mat-option>
                </mat-select>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="form-input">
                <mat-label>Columna de Usuario Registra</mat-label>
                <mat-select formControlName="user_reg">
                    <mat-option *ngFor="let column of arr_columns" [value]="column">{{ column.column }}</mat-option>
                </mat-select>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="form-input">
                <mat-label>Columna de Fecha de Registro</mat-label>
                <mat-select formControlName="date_reg">
                    <mat-option *ngFor="let column of arr_columns" [value]="column">{{ column.column }}</mat-option>
                </mat-select>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="form-input">
                <mat-label>Columna de Usuario Modifica</mat-label>
                <mat-select formControlName="user_mod">
                    <mat-option *ngFor="let column of arr_columns" [value]="column">{{ column.column }}</mat-option>
                </mat-select>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="form-input">
                <mat-label>Columna de Fecha de Modificación</mat-label>
                <mat-select formControlName="date_mod">
                    <mat-option *ngFor="let column of arr_columns" [value]="column">{{ column.column }}</mat-option>
                </mat-select>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="form-input">
                <mat-label>Columna de Timestamp</mat-label>
                <mat-select formControlName="timestamp">
                    <mat-option *ngFor="let column of arr_columns" [value]="column">{{ column.column }}</mat-option>
                </mat-select>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
          <mat-form-field appearance="outline" class="form-input">
            <mat-label>Columnas Condicionales (Where)</mat-label>
            <mat-select formControlName="where" multiple>
                <mat-option *ngFor="let column of arr_columns" [value]="column">{{ column.column }}</mat-option>
            </mat-select>
        </mat-form-field>
        </mat-grid-tile>
    </mat-grid-list>
</mat-dialog-content>
<mat-dialog-actions align="end">
    <button mat-button color="warn" mat-dialog-close>Cancelar</button>
    <button mat-button color="primary" [mat-dialog-close]="formGroupUserDate.value" (click)="save()" cdkFocusInitial>
        Aceptar
    </button>
</mat-dialog-actions>
