<div class="fl-heading-md fl-margin-top fl-margin-bottom-small" i18n>cPanel module configuration</div>

<form [formGroup]="productSettingsForm" layoutDirection="column">
  <mat-form-field>
    <mat-label i18n>Server group</mat-label>
    <mat-select formControlName="server_group" placeholder="Server group" i18n-placeholder required>
      <mat-option *ngFor="let srvGroup of serverGroups" [value]="srvGroup.id">
        {{ srvGroup.name }}
      </mat-option>
    </mat-select>
    <mat-error>{{backendErrors['server_group'] || fieldRequiredTxt}}</mat-error>
  </mat-form-field>
  <mat-form-field>
    <mat-label i18n>cPanel plan</mat-label>
    <input matInput placeholder="cPanel plan" i18n-placeholder type="text" formControlName="default_plan" required>
    <mat-error>{{backendErrors['default_plan'] || fieldRequiredTxt}}</mat-error>
  </mat-form-field>
</form>
