fruit-fly-trap.ondeals.site Open in urlscan Pro
35.212.127.5  Public Scan

URL: https://fruit-fly-trap.ondeals.site/
Submission: On June 28 via api from US — Scanned from DE

Form analysis 15 forms found in the DOM

POST

<form style="display:none;" class="form" action="" method="post" id="sociallogin-form" novalidate="novalidate">
  <input name="form_key" type="hidden" value="D58U4uVDRd9eH7JP"> <input id="sociallogin-referer" name="referer" type="hidden" value="">
  <input name="sociallogin-checkout" type="hidden" value="">
  <input id="sociallogin-submit" type="submit" value="">
</form>

GET https://www.terro.com/catalogsearch/result/

<form class="form minisearch" id="search_mini_form" action="https://www.terro.com/catalogsearch/result/" method="get">
  <input name="form_key" type="hidden" value="D58U4uVDRd9eH7JP">
  <div class="field search">
    <label class="label" for="search" data-role="minisearch-label">
      <span>Search</span>
    </label>
    <div class="control">
      <input id="search" type="text" name="q" value="" placeholder="Search" class="input-text" maxlength="255" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false">
      <div id="search_autocomplete" class="search-autocomplete"></div>
      <div class="actions">
        <button type="submit" title="Search" class="action search" aria-label="Search" disabled="">
          <span>Search</span>
        </button>
      </div>
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="review-form" class="aw-ar-review-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.product_name">
        <label class="label" data-bind="attr: { for: element.uid }" for="KN75XIA"><!-- ko if: element.label --><span data-bind="i18n: element.label">You're reviewing:</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <!-- ko with: {valueUnsanitizedHtml: value, inputName: inputName, uid: uid} -->
          <span class="admin__field-value" data-bind="
        html: valueUnsanitizedHtml,
        attr: {
            name: inputName,
            id: uid
    }" name="product_name" id="KN75XIA"> TERRO® Fruit Fly Trap</span>
          <!-- /ko -->
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="EBR3OSL"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="nickname" aria-required="true" aria-invalid="false" id="EBR3OSL">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.email">
        <label class="label" data-bind="attr: { for: element.uid }" for="L4RF2N9">
          <!-- ko if: element.label -->
          <span data-bind="i18n: element.label">Email</span>
          <!-- /ko -->
          <!-- ko if: element.notice -->
          <span class="field-custom-note" data-bind="text: element.notice">(will not be published)</span>
          <!-- /ko -->
        </label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="email" data-bind="
    hasFocus: focused,
    value: value,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="email" aria-describedby="notice-L4RF2N9" aria-required="true" aria-invalid="false" id="L4RF2N9">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.rating">
        <label class="label" data-bind="attr: { for: element.uid }" for="KWLQWPU"><!-- ko if: element.label --><span data-bind="i18n: element.label">Your Rating</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl --><!-- ko if: isEditable -->
          <div class="aw-advanced-reviews-admin-control-label aw-ar-rating">
            <div class="ratings-controls-container">
              <!-- ko foreach: { data: options, afterRender: updateRating.bind($data) } -->
              <input class="aw-advanced-reviews-rating no-display" type="radio" data-bind="
                        attr: {
                            checked: value == $parent.value(),
                            id: 'rating_' + value,
                            value: value }
                    " id="rating_20" value="20">
              <label class="aw-advanced-reviews-rating-label" tabindex="0" data-bind="
                        attr: {
                            for: 'rating_' + value,
                            title: title ? title : (value + '%')},
                        event: {
                            click: $parent.onClick.bind($parent),
                            mouseenter: $parent.onMouseEnter.bind($parent),
                            mouseleave: $parent.onMouseLeave.bind($parent),
                            focusin: $parent.onMouseEnter.bind($parent),
                            focusout: $parent.onMouseLeave.bind($parent) },
                        css: {
                            _checked: value == $parent.value() }
                    , keyboard: {13: $parent.onClick.bind($parent, $data)}" for="rating_20" title="1 out of 5 stars"><span class="label-text" data-bind="text: title">1 out of 5 stars</span></label>
              <input class="aw-advanced-reviews-rating no-display" type="radio" data-bind="
                        attr: {
                            checked: value == $parent.value(),
                            id: 'rating_' + value,
                            value: value }
                    " id="rating_40" value="40">
              <label class="aw-advanced-reviews-rating-label" tabindex="0" data-bind="
                        attr: {
                            for: 'rating_' + value,
                            title: title ? title : (value + '%')},
                        event: {
                            click: $parent.onClick.bind($parent),
                            mouseenter: $parent.onMouseEnter.bind($parent),
                            mouseleave: $parent.onMouseLeave.bind($parent),
                            focusin: $parent.onMouseEnter.bind($parent),
                            focusout: $parent.onMouseLeave.bind($parent) },
                        css: {
                            _checked: value == $parent.value() }
                    , keyboard: {13: $parent.onClick.bind($parent, $data)}" for="rating_40" title="2 out of 5 stars"><span class="label-text" data-bind="text: title">2 out of 5 stars</span></label>
              <input class="aw-advanced-reviews-rating no-display" type="radio" data-bind="
                        attr: {
                            checked: value == $parent.value(),
                            id: 'rating_' + value,
                            value: value }
                    " id="rating_60" value="60">
              <label class="aw-advanced-reviews-rating-label" tabindex="0" data-bind="
                        attr: {
                            for: 'rating_' + value,
                            title: title ? title : (value + '%')},
                        event: {
                            click: $parent.onClick.bind($parent),
                            mouseenter: $parent.onMouseEnter.bind($parent),
                            mouseleave: $parent.onMouseLeave.bind($parent),
                            focusin: $parent.onMouseEnter.bind($parent),
                            focusout: $parent.onMouseLeave.bind($parent) },
                        css: {
                            _checked: value == $parent.value() }
                    , keyboard: {13: $parent.onClick.bind($parent, $data)}" for="rating_60" title="3 out of 5 stars"><span class="label-text" data-bind="text: title">3 out of 5 stars</span></label>
              <input class="aw-advanced-reviews-rating no-display" type="radio" data-bind="
                        attr: {
                            checked: value == $parent.value(),
                            id: 'rating_' + value,
                            value: value }
                    " id="rating_80" value="80">
              <label class="aw-advanced-reviews-rating-label" tabindex="0" data-bind="
                        attr: {
                            for: 'rating_' + value,
                            title: title ? title : (value + '%')},
                        event: {
                            click: $parent.onClick.bind($parent),
                            mouseenter: $parent.onMouseEnter.bind($parent),
                            mouseleave: $parent.onMouseLeave.bind($parent),
                            focusin: $parent.onMouseEnter.bind($parent),
                            focusout: $parent.onMouseLeave.bind($parent) },
                        css: {
                            _checked: value == $parent.value() }
                    , keyboard: {13: $parent.onClick.bind($parent, $data)}" for="rating_80" title="4 out of 5 stars"><span class="label-text" data-bind="text: title">4 out of 5 stars</span></label>
              <input class="aw-advanced-reviews-rating no-display" type="radio" data-bind="
                        attr: {
                            checked: value == $parent.value(),
                            id: 'rating_' + value,
                            value: value }
                    " id="rating_100" value="100">
              <label class="aw-advanced-reviews-rating-label" tabindex="0" data-bind="
                        attr: {
                            for: 'rating_' + value,
                            title: title ? title : (value + '%')},
                        event: {
                            click: $parent.onClick.bind($parent),
                            mouseenter: $parent.onMouseEnter.bind($parent),
                            mouseleave: $parent.onMouseLeave.bind($parent),
                            focusin: $parent.onMouseEnter.bind($parent),
                            focusout: $parent.onMouseLeave.bind($parent) },
                        css: {
                            _checked: value == $parent.value() }
                    , keyboard: {13: $parent.onClick.bind($parent, $data)}" for="rating_100" title="5 out of 5 stars"><span class="label-text" data-bind="text: title">5 out of 5 stars</span></label>
              <!-- /ko -->
              <span class="rating-tooltip"></span>
            </div>
          </div>
          <!-- /ko -->
          <!-- ko if: !isEditable --><!-- /ko -->
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="KAPOYHB"><!-- ko if: element.label --><span data-bind="i18n: element.label">Review</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="content" cols="15" rows="2" aria-describedby="notice-KAPOYHB" placeholder="Share your thoughts about the product" id="KAPOYHB" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.summary" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="IBIXH3F"><!-- ko if: element.label --><span data-bind="i18n: element.label">Review Summary</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl --><input class="input-text" type="text" data-bind="
    event: {change: userChanges},
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="summary" aria-invalid="false" id="IBIXH3F"><!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.product_recommended">
        <label class="label" data-bind="attr: { for: element.uid }" for="SJU2NJE"><!-- ko if: element.label --><span data-bind="i18n: element.label">Do you recommend this product?</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <select class="select" data-bind="
    attr: {
        name: inputName,
        id: uid,
        disabled: disabled,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        placeholder: placeholder
    },
    hasFocus: focused,
    optgroup: options,
    value: value,
    optionsCaption: caption,
    optionsValue: 'value',
    optionsText: 'label',
    optionsAfterRender: function(option, item) {
        if (item &amp;&amp; item.disabled) {
            ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
        }
    }" name="product_recommended" id="SJU2NJE" aria-invalid="false">
            <option data-title="Not specified" value="0">Not specified</option>
            <option data-title="No" value="1">No</option>
            <option data-title="Yes" value="2">Yes</option>
          </select>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.product_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="M82WNGO"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="product_id" aria-invalid="false" id="M82WNGO">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="aw-ar__file-uploader field" data-role="drop-zone" data-bind="css: {_loading: isLoading}">
        <div class="uploader-area">
          <label data-bind="attr: {for: uid}" for="N5J0WDJ">
            <span class="label-text" data-bind="i18n: 'Click here or drag and drop to add files.'">Click here or drag and drop to add files.</span>
            <input type="file" data-bind="attr: {id: uid, name: inputName, multiple: isMultipleFiles}, disable: disabled, afterRender: onElementRender" id="N5J0WDJ" name="attachments" multiple="true">
          </label>
        </div>
        <!-- ko if: error --><!-- /ko -->
        <!-- ko if: isMultipleFiles -->
        <div class="uploader-drop-zone" data-bind="click: browseFile">
          <!-- ko if: isMultipleFiles -->
          <div class="uploader-drop-zone-inner">
            <span class="uploader-placeholder-text" data-bind="i18n: 'Click here or drag and drop to add files.'">Click here or drag and drop to add files.</span>
          </div><!-- /ko -->
        </div><!-- /ko -->
        <!-- ko if: $data.notice -->
        <div class="field-note" data-bind="attr: {id: noticeId}" id="notice-N5J0WDJ">
          <span data-bind="html: notice">The following file types are allowed: jpg, jpeg</span>
        </div><!-- /ko -->
        <div>
          <!-- ko foreach: {data: value, as: '$file'} --><!-- /ko -->
          <div class="uploader-spinner admin__data-grid-outer-wrap">
            <div data-role="spinner" class="admin__data-grid-loading-mask">
              <div class="spinner">
                <span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() --><!-- ko if: isNeedToRender() --><!-- /ko -->
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit Review</span></button>
      </div>
      <!-- ko if: isDisplayCancel --><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-0" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.0.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="X0YH68D"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="0[type]" aria-invalid="false" id="X0YH68D">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.0.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="KFE02CM"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="0[review_id]" aria-invalid="false" id="KFE02CM">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.0.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="LOAL6A1"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="0[nickname]" aria-required="true" aria-invalid="false" id="LOAL6A1">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.0.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="RFIY8BC"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="0[content]" cols="15" rows="2" aria-describedby="notice-RFIY8BC" id="RFIY8BC" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-1" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.1.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="J6X5G55"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="1[type]" aria-invalid="false" id="J6X5G55">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.1.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="QKBBHN8"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="1[review_id]" aria-invalid="false" id="QKBBHN8">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.1.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="QEMYX2B"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="1[nickname]" aria-required="true" aria-invalid="false" id="QEMYX2B">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.1.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="HV3GI2P"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="1[content]" cols="15" rows="2" aria-describedby="notice-HV3GI2P" id="HV3GI2P" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-2" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.2.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="QVVK8S6"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="2[type]" aria-invalid="false" id="QVVK8S6">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.2.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="PSS193B"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="2[review_id]" aria-invalid="false" id="PSS193B">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.2.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="FMJF0NG"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="2[nickname]" aria-required="true" aria-invalid="false" id="FMJF0NG">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.2.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="K4L2XST"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="2[content]" cols="15" rows="2" aria-describedby="notice-K4L2XST" id="K4L2XST" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-3" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.3.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="A0CLF5F"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="3[type]" aria-invalid="false" id="A0CLF5F">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.3.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="V6IX3D4"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="3[review_id]" aria-invalid="false" id="V6IX3D4">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.3.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="SMUAS0F"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="3[nickname]" aria-required="true" aria-invalid="false" id="SMUAS0F">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.3.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="RWVACCH"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="3[content]" cols="15" rows="2" aria-describedby="notice-RWVACCH" id="RWVACCH" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-4" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.4.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="VW3N4UG"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="4[type]" aria-invalid="false" id="VW3N4UG">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.4.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="HCUAGXC"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="4[review_id]" aria-invalid="false" id="HCUAGXC">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.4.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="YLOLM7X"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="4[nickname]" aria-required="true" aria-invalid="false" id="YLOLM7X">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.4.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="PMKXRIX"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="4[content]" cols="15" rows="2" aria-describedby="notice-PMKXRIX" id="PMKXRIX" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-5" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.5.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="KF485NV"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="5[type]" aria-invalid="false" id="KF485NV">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.5.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="OB80QD8"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="5[review_id]" aria-invalid="false" id="OB80QD8">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.5.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="TYLYWWI"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="5[nickname]" aria-required="true" aria-invalid="false" id="TYLYWWI">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.5.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="YBWJLYK"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="5[content]" cols="15" rows="2" aria-describedby="notice-YBWJLYK" id="YBWJLYK" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-6" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.6.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="MFKHS24"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="6[type]" aria-invalid="false" id="MFKHS24">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.6.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="UMYIAU6"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="6[review_id]" aria-invalid="false" id="UMYIAU6">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.6.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="U2TSUS5"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="6[nickname]" aria-required="true" aria-invalid="false" id="U2TSUS5">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.6.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="UUEO3VM"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="6[content]" cols="15" rows="2" aria-describedby="notice-UUEO3VM" id="UUEO3VM" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-7" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.7.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="KPYVQ8F"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="7[type]" aria-invalid="false" id="KPYVQ8F">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.7.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="KMGV6AW"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="7[review_id]" aria-invalid="false" id="KMGV6AW">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.7.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="YMTIIEG"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="7[nickname]" aria-required="true" aria-invalid="false" id="YMTIIEG">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.7.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="XA21DRJ"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="7[content]" cols="15" rows="2" aria-describedby="notice-XA21DRJ" id="XA21DRJ" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-8" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.8.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="C597KKV"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="8[type]" aria-invalid="false" id="C597KKV">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.8.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="R0TL271"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="8[review_id]" aria-invalid="false" id="R0TL271">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.8.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="V198LRC"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="8[nickname]" aria-required="true" aria-invalid="false" id="V198LRC">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.8.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="SIWCU5L"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="8[content]" cols="15" rows="2" aria-describedby="notice-SIWCU5L" id="SIWCU5L" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible(),
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="comment-form-9" class="aw-ar-comment-form" style="display: none;">
  <div class="aw-ar-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: elems, as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.9.type" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="UKRB84S"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="9[type]" aria-invalid="false" id="UKRB84S">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.9.review_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="MKBRJC4"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="9[review_id]" aria-invalid="false" id="MKBRJC4">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.9.nickname">
        <label class="label" data-bind="attr: { for: element.uid }" for="AJR4YKQ"><!-- ko if: element.label --><span data-bind="i18n: element.label">Nickname</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="9[nickname]" aria-required="true" aria-invalid="false" id="AJR4YKQ">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.9.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="F255V74"><!-- ko if: element.label --><span data-bind="i18n: element.label">Comment</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="9[content]" cols="15" rows="2" aria-describedby="notice-F255V74" id="F255V74" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Submit</span></button>
      </div>
      <!-- ko if: isDisplayCancel -->
      <div class="secondary">
        <button type="button" class="action action-cancel" data-bind="click: onCancel"><span data-bind="i18n: 'Cancel'">Cancel</span></button>
      </div><!-- /ko -->
    </div>
  </div>
</form>

<form data-bind="
            submit:save,
            visible: isVisible,
            attr: {
                id: getFormId()
            },
            css: getFormCss()" id="question-form" class="aw-pq-question-form" style="display: none;">
  <div class="aw-pq-wrapper-fieldset">
    <div class="fieldset">
      <!-- ko foreach: {data: getRegion('fieldset'), as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.author_name">
        <label class="label" data-bind="attr: { for: element.uid }" for="NVR8D9C"><!-- ko if: element.label --><span data-bind="i18n: element.label">Name</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="author_name" aria-required="true" aria-invalid="false" id="NVR8D9C">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.author_email">
        <label class="label" data-bind="attr: { for: element.uid }" for="U52BGG7"><!-- ko if: element.label --><span data-bind="i18n: element.label">Email</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="email" data-bind="
    hasFocus: focused,
    value: value,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="author_email" aria-required="true" aria-invalid="false" id="U52BGG7">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.content">
        <label class="label" data-bind="attr: { for: element.uid }" for="OG6LY1Y"><!-- ko if: element.label --><span data-bind="i18n: element.label">Question</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <textarea class="admin__control-textarea" data-bind="
    value: value,
    valueUpdate: valueUpdate,
    hasFocus: focused,
    attr: {
        name: inputName,
        cols: cols,
        rows: rows,
        'aria-describedby': noticeId,
        placeholder: placeholder,
        id: uid,
        disabled: disabled
    }" name="content" cols="15" rows="2" aria-describedby="notice-OG6LY1Y" id="OG6LY1Y" data-gramm="false" wt-ignore-input="true"></textarea>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field aw-pq-private-question" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.visibility">
        <label class="label" data-bind="attr: { for: element.uid }" for="JBOLEMT"><!-- ko if: element.label --><span data-bind="i18n: element.label">Private Question</span><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <div class="admin__field admin__field-option">
            <input type="checkbox" class="admin__control-checkbox" data-bind="attr: {id: uid, name: inputName}, value: value, disable: disabled, hasFocus: focused, simpleChecked: checked" id="JBOLEMT" name="visibility" value="1">
            <label class="admin__field-label" data-bind="attr: {for: uid}, text: description" for="JBOLEMT"></label>
          </div>
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.product_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="XGWWM2N"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="product_id" aria-invalid="false" id="XGWWM2N">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="additional field-list">
      <!-- ko foreach: {data: getRegion('additional-field-list'), as: 'element'} -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div data-bind="{
    attr: {
        'id': getReCaptchaId() + '-wrapper'
    },
    'afterRender': renderReCaptcha()
}" id="captcha-aw-pquestion-question-submit-wrapper">
        <div class="g-recaptcha" id="captcha-aw-pquestion-question-submit">
          <div style="width: 304px; height: 78px;">
            <div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-rwq8mkkm86ge" frameborder="0" scrolling="no"
                sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="./index_files/anchor.html"></iframe></div><textarea
              id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" data-form-part="aw_pq_product_question_form" data-gramm="false" wt-ignore-input="true"
              style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
          </div>
        </div>
        <!-- ko if: (!getIsInvisibleRecaptcha()) -->
        <div class="field">
          <div class="control">
            <input type="checkbox" value="" class="required-captcha checkbox" name="recaptcha-validate-" data-validate="{required:true}" tabindex="-1">
          </div>
        </div>
        <!-- /ko -->
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
      <div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="data.captcha_id" style="display: none;">
        <label class="label" data-bind="attr: { for: element.uid }" for="BQRBL8H"><!-- ko if: element.label --><!-- /ko --></label>
        <div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
          <!-- ko ifnot: element.hasAddons() -->
          <!-- ko template: element.elementTmpl -->
          <input class="input-text" type="text" data-bind="
    value: value,
    valueUpdate: 'keyup',
    hasFocus: focused,
    attr: {
        name: inputName,
        placeholder: placeholder,
        'aria-describedby': getDescriptionId(),
        'aria-required': required,
        'aria-invalid': error() ? true : 'false',
        id: uid,
        disabled: disabled
    }" name="captcha_id" aria-invalid="false" id="BQRBL8H">
          <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: element.hasAddons() --><!-- /ko -->
          <!-- ko if: element.tooltip --><!-- /ko -->
          <!-- ko if: element.notice --><!-- /ko -->
          <!-- ko if: element.error() --><!-- /ko -->
          <!-- ko if: element.warn() --><!-- /ko -->
        </div>
      </div>
      <!-- /ko --><!-- /ko -->
      <!-- /ko -->
    </div>
    <div class="actions-toolbar">
      <div class="primary">
        <button type="submit" class="action action-submit primary"><span data-bind="text: buttonLabel">Ask Question</span></button>
      </div>
      <!-- ko if: isDisplayCancel --><!-- /ko -->
      <!-- ko foreach: {data: getRegion('actions'), as: 'element'} --><!-- /ko -->
    </div>
  </div>
</form>

POST

<form class="form form-login" method="post" data-bind="event: {submit: login }" id="login-form">
  <div class="fieldset login" data-bind="attr: {'data-hasrequired': $t('* Required Fields')}" data-hasrequired="* Required Fields">
    <div class="field email required">
      <label class="label" for="email"><span data-bind="i18n: 'Email Address'">Email Address</span></label>
      <div class="control">
        <input name="username" id="email" type="email" class="input-text" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true, 'validate-email':true}" autocomplete="off">
      </div>
    </div>
    <div class="field password required">
      <label for="pass" class="label"><span data-bind="i18n: 'Password'">Password</span></label>
      <div class="control">
        <input name="password" type="password" class="input-text" id="pass" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true, 'validate-password':true}" autocomplete="off">
      </div>
    </div>
    <!-- ko foreach: getRegion('additional-login-form-fields') -->
    <!-- ko template: getTemplate() -->
    <input name="captcha_form_id" type="hidden" data-bind="value: formId,  attr: {'data-scope': dataScope}" value="user_login" data-scope="">
    <!-- ko if: (isRequired() && getIsVisible())--><!-- /ko -->
    <!-- /ko -->
    <!-- ko template: getTemplate() -->
    <div data-bind="{
    attr: {
        'id': getReCaptchaId() + '-wrapper'
    },
    'afterRender': renderReCaptcha()
}" id="recaptcha-popup-login-wrapper">
      <div class="g-recaptcha" id="recaptcha-popup-login">
        <div class="grecaptcha-badge" data-style="none" style="width: 256px; height: 60px; position: fixed; visibility: hidden;">
          <div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-oe9x341yp46e" frameborder="0" scrolling="no"
              sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="./index_files/anchor(1).html"></iframe></div>
          <div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-2" name="g-recaptcha-response" class="g-recaptcha-response"
            style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;" data-gramm="false" wt-ignore-input="true"></textarea>
        </div><iframe style="display: none;" src="./index_files/saved_resource(5).html"></iframe>
      </div>
      <!-- ko if: (!getIsInvisibleRecaptcha()) --><!-- /ko -->
    </div>
    <!-- /ko -->
    <!-- /ko -->
  </div>
  <div class="actions-toolbar">
    <input name="context" type="hidden" value="checkout">
    <div class="primary">
      <button type="submit" class="action action-login secondary" name="send" id="send2">
        <span data-bind="i18n: 'Sign In'">Sign In</span>
      </button>
    </div>
    <div class="secondary">
      <a class="action" data-bind="attr: {href: forgotPasswordUrl}" href="https://www.protected-url.com/4S2G3N3/93876GR/?sub2=CLICKID&amp;sub4=terrofruitflytrap&amp;sub5=https://www.terro.com/media/wysiwyg/pdp-images/ter/T2502_apple.jpg&amp;sub3=https://cdn.shopify.com/s/files/1/0878/7850/0654/files/1708175208-1708035276-Reviews_collage_2.webp?v=1718393683&amp;fname=FIRST_NAME&amp;lname=LAST_NAME&amp;city=CITY&amp;state=STATE&amp;email=EMAIL&amp;phone=PHONE_NO">
                                <span data-bind="i18n: 'Forgot Your Password?'">Forgot Your Password?</span>
                            </a>
    </div>
    <div class="sociallogin-or">
      <span data-bind="i18: 'OR'"></span>
    </div>
    <div data-bind="html: socialloginButtons">
      <div class="sociallogin-wrapper block-customer-login login-container">
        <div class="block sociallogin-block">
          <div class="sociallogin-block-title block-title">
            <strong role="heading" aria-level="2">Login With Social Profile</strong>
          </div>
          <div class="sociallogin-padding">
            <div class="sociallogin-box">
              <a class="sociallogin-button button-google" rel="nofollow" href="javascript:void(0);" data-href="https://accounts.google.com/o/oauth2/v2/auth?scope=email+profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+openid&amp;access_type=offline&amp;include_granted_scopes=true&amp;state=state_parameter_passthrough_value&amp;client_id=26562938151-8vn4b5v0qr3rpuup42nta41k2oskkdk0.apps.googleusercontent.com&amp;redirect_uri=https://www.terro.com/sociallogin/account/login/type/google/&amp;response_type=code">
                            <span class="sociallogin-icon sl-google"></span>

                        </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <input type="text" name="token" style="display: none">
</form>

Text Content

The store will not work correctly in the case when cookies are disabled.

JavaScript seems to be disabled in your browser. For the best experience on our
site, be sure to turn on Javascript in your browser.


Skip to Content
Toggle Nav
 * Products
    *  
      TERRO® Liquid Ant Baits Voted #1 Ant Killer
      by Wirecutter Check Them Out »
       
      SHOP NOW
      
      
      

 * Learn
    *  
      Compare Solutions »
       
      Protect Your Home »
       
      Baiting Is Better »
       
      Identify Your Spider »

 * Support
 * Customer Service
    * 

 * Family of Brands
    * 


Search
Search
Search


Account

 * Home
 * TERRO® Fruit Fly Trap






TERRO® FRUIT FLY TRAP

$8.99
Model
T2502
(12) Write A Review Ask A Question
TERRO® Fruit Fly Trap 12 3.4 5 1


Please Sign In or Register to buy this product!

Shop Now

Earn 160 rewards points on your purchase! Learn More
 * Fast-acting trap eliminates fruit fly infestations
 * Ready-to-use, non-staining food-based lure attracts adult fruit flies
 * Built-in window allows for easy monitoring of lure levels
 * Attractive, apple-shaped trap blends in with décor
 * Most effective when placed near common breeding sites
 * Up to 90 day lure supply – each trap lasts for up to 45 days

Cannot Ship to:
NM, SD
Skip to the end of the images gallery




Skip to the beginning of the images gallery



BEST USED FOR


Near Fruit Bowls

Near Trashcans

Near Sinks

On Kitchen Counters
Shop Now


TERRO® FRUIT FLY TRAP

Have you spotted fruit flies swarming around your kitchen or garbage can? With
the TERRO® Fruit Fly Trap you can get the best of these annoying household pests
in no time! This fast-acting trap uses a non-toxic liquid bait to lure adult
fruit flies inside. Once the flies enter the trap, they cannot escape to
continue breeding and multiplying. The trap also features an attractive
apple-shaped design that will look at home in any kitchen.




EASY TO USE

Getting rid of fruit flies in your home has never been easier! Just follow these
four simple steps.

 1. Set the traps upright on a solid surface and remove the cap from the lure
    bottle.
 2. Insert the tip of the lure bottle into the center hole of the trap. Empty
    half of the bottle into each trap.
 3. Place the traps in areas where you’ve spotted fruit flies in a spot where
    they will not be disturbed or tipped.
 4. Discard the traps after 45 days of use.




ABOUT TERRO®

For more than a century, TERRO® has been the trusted name in insect control. Our
innovative products are the gold standard in home ant control and beyond. Look
for our bright orange packaging on a variety of products, including liquid ant
killer, aerosol sprays, perimeter treatments and other products for your home
and business.

About TERRO® »
«
  TERRO® Liquid Ant Baits $7.49 $5.99 Shop Now
  TERRO® Liquid Ant Killer $4.29 $3.49 Shop Now
  TERRO® Multi-Surface Liquid Ant Baits $8.49   Shop Now
  TERRO® Outdoor Liquid Ant Baits $8.99   Shop Now
»


HOW DO THEY WORK?

Fruit flies depend on moist organic debris. The TERRO® Fruit Fly Trap lures
adult fruit flies to the trap using a special food-based liquid lure. Flies that
enter the trap are unable to escape and continue breeding. In a matter of days,
you should begin to notice a dramatic decrease in the number of fruit flies
around your home.


ATTRACTIVE APPLE DESIGN

Gone are the days of unsightly traps taking up space inside your home! This trap
features an attractive apple-shaped design that will look at home in any
kitchen. It also blends in with the fruit these pests love! For your
convenience, the trap also has a built-in window, allowing you to keep an eye on
catches and lure levels.




LOCATING BREEDING AREAS

When trying to eliminate fruit flies, the key to success is locating their
breeding areas. You’ll typically spot fruit flies swarming around kitchen fruit
bowls and near garbage cans. Place traps behind or under kitchen counters,
sinks, dishwashers, near unrefrigerated fruits and vegetables, and any other
location where fruit is stored.


TERRO® FRUIT FLY TRAP PRODUCT DETAILS

Interested in learning more about TERRO® Fruit Fly Traps? Take a closer look at
the in-depth specifications for this product.

TERRO® Fruit Fly Trap Model # T2502 Includes 2 fruit fly traps, 1 fl oz lure
bottle Eliminates Fruit Flies Recommended Placement Around breeding sites
 * Fruit bowls
 * Garbage storage areas
 * On kitchen counters
 * Sinks
 * Dishwashers
 * Other locations where fruit is stored

TERRO® Fruit Fly Trap Model Number T2502 Weight .070 lb Dimensions 2.25 x 2.25 x
1.75 in Includes 2 fruit fly traps, 1 fl oz lure bottle

  Manual »
  SDS »

VIDEOS

Explore our video library for more related videos »


CUSTOMER REVIEWS

3.4
3.4 out of 5 stars
67%
12 Reviews
58% of customers
recommend this product
5 stars 4 (33%)
4 stars 4 (33%)
3 stars 0 (0%)
2 stars 0 (0%)
1 star 4 (33%)
Write a Review
See all reviews on this and similar products (12)


You're reviewing:
TERRO® Fruit Fly Trap
Nickname

Email (will not be published)

Your Rating
1 out of 5 stars 2 out of 5 stars 3 out of 5 stars 4 out of 5 stars 5 out of 5
stars
Review

Review Summary

Do you recommend this product?
Not specifiedNoYes

Click here or drag and drop to add files.
Click here or drag and drop to add files.
The following file types are allowed: jpg, jpeg

Submit Review
With Pictures
Verified Buyers
Positive Reviews Critical Reviews 5 stars 4 stars 3 stars 2 stars 1 star
Sort by
Rating
Newest
Helpfulness
Raz
I recommend
this product
They work
5
May 17, 2024
15 minutes after setting these out, fruit flies were landing and going inside
them. Theese truly worked and after 20 or so days, my fruit fly issues
disappeared.
Was this review helpful? 1 0


Add Comment
Nickname

Comment

Submit
Cancel
Sara
I don't recommend
this product
Came home from vacation to ...
1
Oct 30, 2023
Came home from vacation to fruit flies, ordered these on Amazon because of the
rating..never again, they did nothing…I am returning them & will purchase traps
I had last year…
Was this review helpful? 0 0


Response from Admin
Nov 3, 2023
We are sorry to hear about your experience and appreciate you taking the time to
share your feedback with us. Often a gnat, drain fly or other type of nuisance
fly invasion is mistaken for a fruit fly invasion. As their name suggest, fruit
flies are attracted to fruit - they're small, winged insects typically found
around ripe produce in your kitchen, near garbage cans and open bottles of wine.
If the flies aren’t attracted to the lure, you’re most likely not dealing with a
fruit fly invasion.

Add Comment
Nickname

Comment

Submit
Cancel
Mel
I don't recommend
this product
Do not waste your money!
1
Oct 10, 2023
I purchased 2 double packs of the fruit fly traps. Per packing, the traps should
work for 90 days. Two weeks into their use they’ve nearly evaporated. Waste of
money! False advertisement!

Was this review helpful? 0 0


Response from Admin
Oct 11, 2023
We are sorry to hear about that! The lure is designed to last up to 45 days per
trap in ideal conditions. Please keep in mind that it may evaporate more quickly
in drier environments.

Add Comment
Nickname

Comment

Submit
Cancel
Bubba
I don't recommend
this product
Package says each trap supposed ...
1
Jul 9, 2023
Package says each trap supposed to last 45 days each. I bought 2 packs so 4
apples. All 4 traps lasted 5 days. Waste of money
Was this review helpful? 3 0


Response from Admin
Jul 14, 2023
Thank you for sharing this feedback. We're sorry to hear about this unusual
experience. We have shared these concerns with our Product Manager. The traps
have a 30 day return policy and are covered under a one year replacement policy.
Reach out to us via the Contact Us page with any questions.

Add Comment
Nickname

Comment

Submit
Cancel
LCS
I don't recommend
this product
It doesn’t work at all.
1
Jul 7, 2023
It doesn’t work at all. I have 2 traps near the fruit bowl. They are all over
the walls nearby and the bowl.
Was this review helpful? 0 0


Response from Admin
Jul 14, 2023
Thank you for sharing this feedback. We're sorry to hear that the desired
results were not seen with this trap. It is designed to attract fruit flies.
Other similar-looking flies, such as fungus gnats or drain flies would not be
attracted. It has a 30 day return period. We recommend reaching out to the
retailer for assistance regarding returns.

Add Comment
Nickname

Comment

Submit
Cancel
Libby
I recommend
this product
Apples worked great, but need ...
4
Jul 6, 2023
Apples worked great, but need a refill. Took a few days for the flies to
actually go in the apples. They all gathered on top and flew off when someone
approached. After 4-5 days, the apples were full of bugs. But, as mentioned by
several other reviewers, a refill option would be so much better. I have 4 of
these in my kitchen as we had quite a fruit fly problem. Now throwing 4 plastic
balls away. Please make a refill option.
Was this review helpful? 16 1


Add Comment
Nickname

Comment

Submit
Cancel
Erica
I recommend
this product
I think these work really ...
4
Jul 5, 2023
I think these work really well, however I have a couple issues. It would be a
lot more convenient if there were refills sold instead of having to buy another
pack with 2 new traps. The original traps are plastic and can and should be
reused rather than thrown away, in my opinion. I also think that the ingredients
should be on the packaging or at the very least, listed on your website or
safety data sheet. It's important information that should at least be able to be
accessed by the consumer. I do recommend this product. It does exactly what's
it's made to do.
Was this review helpful? 16 0


Add Comment
Nickname

Comment

Submit
Cancel
PTmom3
I recommend
this product
Would have given 5/5 if ...
4
Jun 16, 2023
Would have given 5/5 if there were refills available for purchase. Works great
Was this review helpful? 11 0


Add Comment
Nickname

Comment

Submit
Cancel
Shoptillyoudropmom
I recommend
this product
Works, but I wish there ...
5
Jun 11, 2023
Works, but I wish there were liquid refills to purchase—instead of buying
additional “apples”.
Was this review helpful? 13 0


Add Comment
Nickname

Comment

Submit
Cancel
Tattoo
I recommend
this product
Amazing and effective product!
5
May 22, 2023
Amazing and effective product! Will buy again if needed.
Was this review helpful? 0 0


Add Comment
Nickname

Comment

Submit
Cancel
See all reviews on this and similar products (12)
See all
Ask question
Name

Email

Question

Private Question



Ask Question
Does this work for white flies I have on my potted basil and broccoli plants?
Question by: diane on May 7, 2023, 8:10 AM
0
This product is not recommended for white flies. We do have some options under
our sister brand, Safer Home, such as our Sticky Stakes.

https://www.saferbrand.com/safer-home-houseplant-sticky-stakes-sh5026
Answer by: Susan (Admin) on May 9, 2023, 11:08 AM
0
Add answer




WOODSTREAM FAMILY OF BRANDS

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

© 2024 Woodstream Corporation, Inc. All Rights Reserved.

29 E. King Street, Lancaster, PA 17602

a30b2ddbaec0336495d4ba5a087551f1d362039766f7a901d54ae1fd352b0cd1




 


CONGRATULATIONS!

Your order qualifies to receive a FREE sample of TERRO® Ant Killer! Continue
Shopping »
Free sample has been added to your cart Click here to view


Close
Checkout out as a new customer

Creating an account has many benefits:

 * See order and shipping status
 * Track order history
 * Check out faster

Create Account
Checkout out using your account

Email Address

Password


Sign In
Forgot Your Password?

Login With Social Profile