<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 Documento </mat-label>
                <input matInput formControlName="documento" />
                <mat-error *ngIf="documento?.invalid">{{getErrorMessage()}}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <mat-form-field appearance="outline" class="itemInput">
                <mat-label> Tipo de Documento </mat-label>
                <input matInput formControlName="tipoDocumento" />
                <mat-error *ngIf="tipoDocumento?.invalid">{{ getErrorMessage() }}</mat-error>
            </mat-form-field>
        </mat-grid-tile>
        <mat-grid-tile colspan="1">
            <div class="inputFile" (click)="getFile()">
                <mat-icon matSuffix style="margin-right: 5px;">file_upload </mat-icon>
                <span>Subir documento</span>
                <input id="upfile" type="file" #inputFile (change)="loadImg(inputFile, $event)" accept=".png" />
            </div>
        </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>
