<div style="width: 450px">
  <h1 mat-dialog-title class="centre">{{ data.action }}</h1>
  <div class="centre"><b>Empleado: </b>{{ data.data.NOMBREEMPLEADO }}</div>
  <br />
  <div mat-dialog-content>
    <form [formGroup]="formGroup" class="form-motivos centre">
      <mat-form-field class="form-full-width" appearance="fill">
        <mat-label>Motivos del rechazo</mat-label>
        <textarea
          matInput
          placeholder="Favor de ingresar los motivos por el rechazo de las vacaciones"
          formControlName="motivo_rechazo"
          rows="3"
          required
        ></textarea>
      </mat-form-field>
    </form>

    <div class="centre" style="padding-top: 20px">
      <button
        mat-raised-button
        class="mr-2"
        color="warn"
        [mat-dialog-close]="false"
        matTooltip="Cerrar"
      >
        Cerrar
      </button>
      <button
        mat-raised-button
        class="secondary"
        [mat-dialog-close]="formGroup.value"
        matTooltip="Rechazar"
        [disabled]="formGroup.invalid"
      >
        Rechazar vacaciones
      </button>
    </div>
  </div>
</div>
