<h2 mat-dialog-title> Configuración del Grupo </h2>
<mat-dialog-content [formGroup]="formGroup">
    <mat-grid-list cols="1" rowHeight="83px">
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Despacho</mat-label>
                <mat-select formControlName="despacho">
                    <mat-option *ngFor="let dispatch of arrDispatch; let i = index" [value]="dispatch">{{ dispatch.DESPACHO }}</mat-option>
                </mat-select>
                <mat-error *ngIf="despacho?.invalid">{{ getErrorMessage('despacho') }}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Propósito de la orden</mat-label>
                <mat-select formControlName="proposito">
                    <mat-option value="no_aplica">No aplica</mat-option>
                    <mat-option value="actividad">Actividad</mat-option>
                    <mat-option value="proyecto">Proyecto</mat-option>
                  </mat-select>
                <mat-error *ngIf="despacho?.invalid">{{ getErrorMessage('proposito') }}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1" *ngIf="proposito?.value === 'actividad'">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Actividad</mat-label>
                <mat-select formControlName="actividad">
                    <mat-option value="one">First option</mat-option>
                    <mat-option value="two">Second option</mat-option>
                </mat-select>
                <mat-error *ngIf="despacho?.invalid">{{ getErrorMessage('actividad') }}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1" *ngIf="proposito?.value === 'proyecto'">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Proyecto</mat-label>
                <mat-select formControlName="proyecto">
                    <mat-option value="one">First option</mat-option>
                    <mat-option value="two">Second option</mat-option>
                </mat-select>
                <mat-error *ngIf="despacho?.invalid">{{ getErrorMessage('proyecto') }}</mat-error>
            </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 cdkFocusInitial>Cancelar</button>
    <button mat-button color="primary" mat-dialog-close cdkFocusInitial>Registrar Configuración</button>
</mat-dialog-actions>
