<app-common-dialog [dialogContent]="dialogContent" [dialogRef]="dialogRef">
  <ng-template #dialogContent>
    <form [formGroup]="requestCancellationForm" layoutDirection="column" layoutAlign="start stretch">
      <mat-form-field>
        <mat-label i18n>Cancellation reason</mat-label>
        <input matInput formControlName="reason" type="text" placeholder="Cancellation reason" i18n-placeholder
               required>
      </mat-form-field>
      <mat-form-field>
        <mat-label i18n>Cancellation type</mat-label>
        <mat-select formControlName="cancellation_type" placeholder="Cancellation type" i18n-placeholder>
          <mat-option *ngFor="let type of cancellationTypes" [value]="type.value">
            {{ type.display }}
          </mat-option>
        </mat-select>
      </mat-form-field>
    </form>
  </ng-template>
</app-common-dialog>
