<form class="question-form card" (ngSubmit)="onSubmit()">
  <h3>{{ 'productDetails.questionFormTitle' | translate }}</h3>

  <textarea
    id="question-text"
    name="text"
    rows="4"
    [(ngModel)]="text"
    [placeholder]="'productDetails.questionFormPlaceholder' | translate"></textarea>

  <label class="check">
    <input type="checkbox" name="anonymous" [(ngModel)]="anonymous" />
    <span>{{ 'productDetails.questionFormAnonymous' | translate }}</span>
  </label>

  <button type="submit" [disabled]="submitting || !text.trim()">
    @if (submitting) { {{ 'productDetails.submitting' | translate }} } @else { {{ 'productDetails.submitQuestion' | translate }} }
  </button>
</form>
