<h2 mat-dialog-title> {{ type === 'REG' ? 'Registro' : 'Modificación'}} de Información </h2>
<mat-dialog-content [formGroup]="formGroupInformation">
  <mat-grid-list cols="12" rowHeight="82px">
    <mat-grid-tile colspan="4" rowspan="3">
      <div *ngIf="imgBase" class="content-img">
        <img [src]="setImage(imgBase)" width="250px">
      </div>
    </mat-grid-tile>
    <mat-grid-tile colspan="6">
      <mat-form-field appearance="outline">
        <mat-label>Proveedor</mat-label>
        <mat-select formControlName="PROVEEDOR">
          <mat-option *ngFor="let provider of arrProvider" [value]="provider"> {{ provider.RAZON_SOCIAL }} </mat-option>
        </mat-select>
      </mat-form-field>
    </mat-grid-tile>
    <mat-grid-tile colspan="2">
      <mat-form-field appearance="outline">
        <mat-label>Tipo</mat-label>
        <mat-select formControlName="TIPO">
          <mat-option value="Pieza">Pieza</mat-option>
          <mat-option value="Caja">Caja</mat-option>
        </mat-select>
      </mat-form-field>
    </mat-grid-tile>
    <mat-grid-tile colspan="4" rowspan="3">
      <mat-form-field appearance="outline">
        <mat-label>Descripción</mat-label>
        <textarea matInput style="height: 190px; resize: none;" formControlName="DESCRIPCION"></textarea>
      </mat-form-field>
    </mat-grid-tile>
    <mat-grid-tile colspan="4" rowspan="3">
      <mat-form-field appearance="outline">
        <mat-label>Características</mat-label>
        <textarea matInput style="height: 190px; resize: none;" formControlName="CARACTERISTICAS"></textarea>
      </mat-form-field>
    </mat-grid-tile>
    <mat-grid-tile colspan="4">
      <div class="input-file" (click)="getFile()">
        <mat-icon matSuffix style="margin-right: 5px;">file_upload </mat-icon>
        <span>{{ textLabel }}</span>
        <input id="upfile" type="file" #inputFile (change)="loadImg(inputFile, $event)" accept=".png,.jpg" />
      </div>
    </mat-grid-tile>
  </mat-grid-list>
  <mat-checkbox formControlName="COMPRA_WEB">Compra Web</mat-checkbox>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button class="red_primary_font" cdkFocusInitial mat-dialog-close>Cancelar</button>
  <button mat-button class="green_primary_font" [mat-dialog-close]="formGroupInformation.value" [disabled]="formGroupInformation.invalid">
    {{ type === 'REG' ? 'Registrar' : 'Modificar'}}
  </button>
</mat-dialog-actions>
