<div class="column is-12 radio-grid-row" id={{if columnsAreHidden field.id}}>
  {{#transition-group transition-class="form-error-list"}}
  
        <div class="columns attention-animation-target">

          <!--The first column for each row which is the label-->

          {{form-radio-grid-first-col
            options=options
            field=field
            changeset=changeset
            showErrors=showErrors
          }}

          {{#if (is-field-type field.type.value "checkbox")}}

            {{#unless options.otherColumnsFirst}}
              {{form-checkbox-grid
                isStatic=isStatic
                options=columnsNoComments
                checked=(get changeset field.id)
              }}
            {{/unless}}

            {{#each commentsColumns as |column|}}
              <div class="column is-{{column.columns}} radio-grid-column">
                <div class="is-width-100p">
                  {{#if showErrors}}
                    {{#if (get changeset.error (concat field.id column.id))}}
                      {{form-field-label
                        showErrors=showErrors
                        error=(get changeset.error (concat field.id column.id))
                      }}
                    {{/if}}
                  {{/if}}
                  {{#unless isStatic}}
                  <label class="label radio-grid-radio-label">
                    {{column.label}}
                    {{#if column.toolTipContent}}
                      <div class="is-narrow is-inline radio-grid-checkbox-label">
                        {{tool-tip content=column.toolTipContent}}
                      </div>
                    {{/if}}
                  </label>
                  {{/unless}}
                  {{input-general
                    isStatic=isStatic
                    isReview=false
                    changeset=changeset
                    noLabel=true
                    noColumns=true
                    id=(concat field.id column.id)
                    data=column
                    value=(get changeset (concat field.id column.id))
                    conditionalField=(get changeset column.conditionallyShow.fieldId)
                  }}
                </div>
              </div>
            {{/each}}

            {{#if options.otherColumnsFirst}}
              {{form-checkbox-grid
                isStatic=isStatic
                options=columnsNoComments
                checked=(get changeset field.id)
              }}
            {{/if}}

          {{else}}

            {{#each options.columns as |column|}}

              {{#if (is-field-type column.type.value "radio")}}
                <label class="column radio-grid-column">
                  {{#if column.key}}
                    <div class="columns is-mobile">
                      <div class="column radio-grid-radio-label">{{column.key}}</div>
                      <div class="column radio-grid-column">
                        {{#unless isStatic}}
                          {{moe-radio-button
                            class="clickable"
                            value=column
                            checked=(get changeset field.id)
                          }}
                        {{else}}
                          {{#if (is-field-type column.value (get changeset field.id))}}
                            <i class="fa fa-check-square-o"></i>
                          {{/if}}
                        {{/unless}}
                      </div>
                    </div>
                  {{else}}
                    {{moe-radio-button
                      class="clickable"
                      value=column
                      checked=(get changeset field.id)
                    }}
                  {{/if}}
                </label>

              {{else}}

                <div class="column is-{{column.columns}} radio-grid-column">
                  <div class="is-width-100p">
                    {{#if showErrors}}
                      {{#if (get changeset.error (concat field.id column.id))}}
                        {{form-field-label
                          showErrors=showErrors
                          error=(get changeset.error (concat field.id column.id))
                        }}
                      {{/if}}
                    {{/if}}
                    <label class="label radio-grid-radio-label">
                      {{column.label}}
                      {{#if column.toolTipContent}}
                        <div class="is-narrow is-inline radio-grid-checkbox-label">
                          {{tool-tip content=column.toolTipContent}}
                        </div>
                      {{/if}}
                    </label>
                    {{input-general
                      isStatic=isStatic
                      isReview=false
                      changeset=changeset
                      noLabel=true
                      noColumns=true
                      id=(concat field.id column.id)
                      data=column
                      value=(get changeset (concat field.id column.id))
                      conditionalField=(get changeset column.conditionallyShow.fieldId)
                    }}
                  </div>
                </div>

              {{/if}}
            {{/each}}

          {{/if}}
        </div>
        {{/transition-group}}
      </div>