<div class="fl-content fl-content-min-height">
  <app-fl-backdrop *ngIf="loadingQuotas" i18n></app-fl-backdrop>
  <form appFormSubmit (ngSubmit)="objectController.actionCallback(primaryAction)"
        [formGroup]="clusterQuotasForm" layoutDirection="column" [class.hide]="!quotasAvailable">
    <!--suppress JSUnusedGlobalSymbols -->
    <app-form-errors #formErrors [formGroup]="clusterQuotasForm"></app-form-errors>
    <p class="fl-detail fl-margin-bottom-small" i18n>Set the desired quota values. Use -1 for unlimited.</p>
    <mat-form-field>
      <mat-label i18n>Hard limit</mat-label>
      <input matInput placeholder="Hard limit" i18n-placeholder type="number" formControlName="hard_limit">
      <mat-error>{{fieldErrors['hard_limit']}}</mat-error>
    </mat-form-field>
  </form>
  <ng-container *ngIf="!quotasAvailable">
    <p class="fl-detail text-center" i18n>Unable to load cluster quotas for region {{selectedRegion}}</p>
  </ng-container>
</div>
