<h2 mat-dialog-title>{{ interService.get('cambiar_estado') }}</h2>
<mat-dialog-content>
  <p [innerHTML]="interService.get('esta_seguro_cambiar_estado').replace('{0}', '<strong>' + newStatus + '</strong>')"></p>
  
  <form [formGroup]="formGroup">
    <mat-form-field appearance="outline" class="w-100">
      <mat-label>{{ interService.get('comentario_cambio') }}</mat-label>
      <textarea 
        matInput 
        formControlName="COMENTARIO_CAMBIO" 
        maxlength="500" 
        [placeholder]="interService.get('explique_motivo_cambio_estado')">
      </textarea>
      @if (formGroup.controls['COMENTARIO_CAMBIO'].hasError('required')) {
        <mat-error>
          {{ interService.get('el_campo') }} <b>{{ interService.get('comentario_cambio') }}</b> {{ interService.get('es_requerido') }}
        </mat-error>
      }
    </mat-form-field>
  </form>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button (click)="close()">{{ interService.get('cancelar') }}</button>
  <button mat-button [disabled]="formGroup.invalid" (click)="save()">{{ interService.get('confirmar') }}</button>
</mat-dialog-actions>