<h2 mat-dialog-title>Configuración de la orden de compra</h2>
<mat-dialog-content [formGroup]="formGroup">
    <mat-grid-list cols="1" rowHeight="82px">
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Despacho</mat-label>
                <mat-select formControlName="proyecto" formControlName="despacho">
                    <mat-option value="Despacho 1">Despacho 1</mat-option>
                    <mat-option value="Despacho 2">Despacho 2</mat-option>
                    <mat-option value="Despacho 3">Despacho 3</mat-option>
                </mat-select>
                <!-- <input matInput placeholder="Ingrese el código del módulo" formControlName="despacho" /> -->
                <mat-error *ngIf="despacho?.invalid">{{ getErrorMessage() }}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Método de pago</mat-label>
                <mat-select formControlName="proyecto" formControlName="metodoPago">
                    <mat-option value="Método de Pago 1">Método de Pago 1</mat-option>
                    <mat-option value="Método de Pago 2">Método de Pago 2</mat-option>
                    <mat-option value="Método de Pago 3">Método de Pago 3</mat-option>
                </mat-select>
                <!-- <input matInput placeholder="Ingrese el nombre del módulo" formControlName="metodoPago" /> -->
                <mat-error *ngIf="metodoPago?.invalid">{{getErrorMessage()}}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Proposito de la orden</mat-label>
                <mat-select formControlName="propositoOrden">
                    <mat-option value="N/A">No Aplica</mat-option>
                    <mat-option value="Actividad">Actividad</mat-option>
                    <mat-option value="Proyecto">Proyecto</mat-option>
                </mat-select>
                <mat-error *ngIf="propositoOrden?.invalid">{{getErrorMessage()}}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Actividad</mat-label>
                <mat-select formControlName="actividad">
                    <mat-option value="Actividad 1">Actividad 1</mat-option>
                    <mat-option value="Actividad 2">Actividad 2</mat-option>
                    <mat-option value="Actividad 3">Actividad 3</mat-option>
                </mat-select>
                <mat-error *ngIf="actividad?.invalid">{{getErrorMessage()}}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label>Proyecto</mat-label>
                <mat-select formControlName="proyecto">
                    <mat-option value="Proyecto 1">Proyecto 1</mat-option>
                    <mat-option value="Proyecto 2">Proyecto 2</mat-option>
                    <mat-option value="Proyecto 3">Proyecto 3</mat-option>
                </mat-select>
                <mat-error *ngIf="proyecto?.invalid">{{getErrorMessage()}}</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>
</mat-dialog-actions>
