<h2 mat-dialog-title>Informació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> Nombre del Proveedor </mat-label>
                <input matInput formControlName="numeroLinea" />
                <mat-icon matSuffix>store</mat-icon>
                <mat-error *ngIf="proveedor?.invalid">{{getErrorMessage()}}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label> Correo Electrónico </mat-label>
                <input matInput formControlName="modelo" />
                <mat-icon matSuffix>mail</mat-icon>
                <mat-error *ngIf="correoElectronico?.invalid">{{ getErrorMessage() }}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label> Teléfono </mat-label>
                <input matInput formControlName="familia" />
                <mat-icon matSuffix>call</mat-icon>
                <mat-error *ngIf="telefono?.invalid">{{getErrorMessage()}}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label> Enlace Sitio Web </mat-label>
                <input matInput formControlName="subfamilia" />
                <mat-icon matSuffix>link</mat-icon>
                <mat-error *ngIf="enlace?.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>
