{{#if this.showMinNumOfOptionsValidation}}
            {{#unless this.minNumOfOptionsValidation.ok}}
              <InputTip @validation={{this.minNumOfOptionsValidation}} />
            {{/unless}}
          {{/if}}
        {{else}}
          {{#each this.pollOptions as |option index|}}
            <div class="input-group poll-option-value">
              <input
                type="text"
                value={{option.value}}
                {{auto-focus}}
                {{on "input" (fn this.updateValue option)}}
                {{on "keydown" (fn this.onInputKeydown index)}}
              />
              {{#if this.canRemoveOption}}
                <DButton
                  @icon="trash-alt"
                  @action={{fn this.removeOption option}}
                />
              {{/if}}
            </div>
          {{/each}}

<div class="poll-option-controls">
            <DButton
              @icon="plus"
              @label="poll.ui_builder.poll_options.add"
              @action={{fn this.addOption -1}}
              class="btn-default poll-option-add"
            />
            {{#if
              (and
                this.showMinNumOfOptionsValidation
                (not this.minNumOfOptionsValidation.ok)
              )
            }}
              <InputTip @validation={{this.minNumOfOptionsValidation}} />
            {{/if}}
          </div>
        {{/if}}
      </div>
    {{/unless}}

{{#unless this.rankedChoiceOrRegular}}
      <div class="options">
        <div class="input-group poll-number">
          <label class="input-group-label">{{i18n
              "poll.ui_builder.poll_config.min"
            }}</label>
          <Input
            @type="number"
            @value={{this.pollMin}}
            class="poll-options-min"
            min="1"
          />
        </div>

<div class="input-group poll-number">
          <label class="input-group-label">{{i18n
              "poll.ui_builder.poll_config.max"
            }}</label>
          <Input
            @type="number"
            @value={{this.pollMax}}
            class="poll-options-max"
            min="1"
          />
        </div>

{{#if this.isNumber}}
          <div class="input-group poll-number">
            <label class="input-group-label">{{i18n
                "poll.ui_builder.poll_config.step"
              }}</label>
            <Input
              @type="number"
              @value={{this.pollStep}}
              min="1"
              class="poll-options-step"
            />
          </div>
        {{/if}}
      </div>

{{#unless this.minMaxValueValidation.ok}}
        <InputTip @validation={{this.minMaxValueValidation}} />
      {{/unless}}
    {{/unless}}

{{#if this.showAdvanced}}
      <div class="input-group poll-allowed-groups">
        <label class="input-group-label">{{i18n
            "poll.ui_builder.poll_groups.label"
          }}</label>
        <GroupChooser
          @content={{this.siteGroups}}
          @value={{this.pollGroups}}
          @onChange={{fn (mut this.pollGroups)}}
          @labelProperty="name"
          @valueProperty="name"
        />
      </div>

<div class="input-group poll-date">
        <label class="input-group-label">{{i18n
            "poll.ui_builder.automatic_close.label"
          }}</label>
        <DateTimeInput
          @date={{this.pollAutoClose}}
          @onChange={{fn (mut this.pollAutoClose)}}
          @clearable={{true}}
          @useGlobalPickerContainer={{true}}
        />
      </div>

<div class="input-group poll-select">
        <label class="input-group-label">{{i18n
            "poll.ui_builder.poll_result.label"
          }}</label>
        <ComboBox
          @content={{this.pollResults}}
          @value={{this.pollResult}}
          @valueProperty="value"
          @onChange={{fn (mut this.pollResult)}}
          class="poll-result"
        />
      </div>

{{#unless this.rankedChoiceOrNumber}}
        <div class="input-group poll-select column">
          <label class="input-group-label">{{i18n
              "poll.ui_builder.poll_chart_type.label"
            }}</label>

<div class="radio-group">
            <RadioButton
              @id="poll-chart-type-bar"
              @name="poll-chart-type"
              @value="bar"
              @selection={{this.chartType}}
            />
            <label for="poll-chart-type-bar">{{d-icon "chart-bar"}}
              {{i18n "poll.ui_builder.poll_chart_type.bar"}}</label>
          </div>

<div class="radio-group">
            <RadioButton
              @id="poll-chart-type-pie"
              @name="poll-chart-type"
              @value="pie"
              @selection={{this.chartType}}
            />
            <label for="poll-chart-type-pie">{{d-icon "chart-pie"}}
              {{i18n "poll.ui_builder.poll_chart_type.pie"}}</label>
          </div>
        </div>
      {{/unless}}
    {{/if}}
  </:body>
  <:footer>
    <DButton
      @action={{this.insertPoll}}
      @icon="chart-bar"
      @label="poll.ui_builder.insert"
      @disabled={{this.disableInsert}}
      class="btn-primary insert-poll"
    />

</:footer>
</DModal>