<h1 mat-dialog-title class="prevent-select">{{ action }} orden #{{ idOrder }}</h1>
<div mat-dialog-content class="prevent-select">
  <p>Ingrese los comentarios para continuar con la acción solicitada.</p>
  <mat-form-field class="w-100 mt-8" appearance="outline">
    <mat-label>Comentarios</mat-label>
    <textarea matInput rows="5" style="resize: none;" [formControl]="formControl" (input)="formControl.markAsTouched()"></textarea>
    <mat-error *ngIf="formControl.hasError('required')">Este campo es requerido.</mat-error>
    <mat-error *ngIf="formControl.hasError('minlength')">La longitud mínima de este campo es de 15 caracteres.</mat-error>
  </mat-form-field>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
  <button mat-button [disabled]="formControl.invalid" [mat-dialog-close]="formControl.value">Continuar</button>
</div>