{{#d-section class="current-badge content-body"}}
  <form class="form-horizontal">
    <div>
      <label for="name">{{i18n 'admin.badges.name'}}</label>
      {{#if readOnly}}
        {{input type="text" name="name" value=buffered.name disabled=true}}
      {{else}}
        {{input type="text" name="name" value=buffered.name}}
      {{/if}}
    </div>

    <div>
      <label for="icon">{{i18n 'admin.badges.icon'}}</label>
      {{input type="text" name="icon" value=buffered.icon}}
      <p class='help'>{{i18n 'admin.badges.icon_help'}}</p>
    </div>

    <div>
      <label for="image">{{i18n 'admin.badges.image'}}</label>
      {{input type="text" name="image" value=buffered.image}}
      <p class='help'>{{i18n 'admin.badges.image_help'}}</p>
    </div>

    <div>
      <label for="badge_type_id">{{i18n 'admin.badges.badge_type'}}</label>
      {{combo-box name="badge_type_id"
                  value=buffered.badge_type_id
                  content=badgeTypes
                  allowInitialValueMutation=true
                  isDisabled=readOnly}}
    </div>

    <div>
      <label for="badge_grouping_id">{{i18n 'admin.badges.badge_grouping'}}</label>

      <div class="badge-grouping-control">
        {{combo-box name="badge_grouping_id"
          value=buffered.badge_grouping_id
          content=badgeGroupings
          class="badge-selector"
          nameProperty="name"}}
        <button {{action "editGroupings"}} class='btn btn-icon no-text btn-default'>{{d-icon "pencil-alt"}}</button>
      </div>
    </div>


    <div>
      <label for="description">{{i18n 'admin.badges.description'}}</label>
      {{#if buffered.system}}
        {{textarea name="description" value=buffered.description disabled=true}}
      {{else}}
        {{textarea name="description" value=buffered.description}}
      {{/if}}
    </div>

    <div>
      <label for="long_description">{{i18n 'admin.badges.long_description'}}</label>
      {{#if buffered.system}}
        {{textarea name="long_description" value=buffered.long_description disabled=true}}
      {{else}}
        {{textarea name="long_description" value=buffered.long_description}}
      {{/if}}
    </div>

    {{#if siteSettings.enable_badge_sql}}
      <div>
        <label for="query">{{i18n 'admin.badges.query'}}</label>
        {{ace-editor content=buffered.query mode="sql" disabled=readOnly}}
      </div>

      {{#if hasQuery}}
        <a href {{action "preview" buffered "false"}}>{{i18n 'admin.badges.preview.link_text'}}</a>
        |
        <a href {{action "preview" buffered "true"}}>{{i18n 'admin.badges.preview.plan_text'}}</a>
        {{#if preview_loading}}
          {{i18n 'loading'}}...
        {{/if}}

        <div>
          <label>
            {{input type="checkbox" checked=buffered.auto_revoke disabled=readOnly}}
            {{i18n 'admin.badges.auto_revoke'}}
          </label>
        </div>

        <div>
          <label>
            {{input type="checkbox" checked=buffered.target_posts disabled=readOnly}}
            {{i18n 'admin.badges.target_posts'}}
          </label>
        </div>

        <div>
          <label for="trigger">{{i18n 'admin.badges.trigger'}}</label>
          {{combo-box name="trigger"
                      value=buffered.trigger
                      content=badgeTriggers
                      optionValuePath="content.id"
                      optionLabelPath="content.name"
                      disabled=readOnly}}
        </div>
      {{/if}}
    {{/if}}

    <div>
      <label>
        {{input type="checkbox" checked=buffered.allow_title}}
        {{i18n 'admin.badges.allow_title'}}
      </label>
    </div>

    <div>
      <label>
        {{input type="checkbox" checked=buffered.multiple_grant disabled=readOnly}}
        {{i18n 'admin.badges.multiple_grant'}}
      </label>
    </div>

    <div>
      <label>
        {{input type="checkbox" checked=buffered.listable disabled=readOnly}}
        {{i18n 'admin.badges.listable'}}
      </label>
    </div>

    <div>
      <label>
        {{input type="checkbox" checked=buffered.show_posts disabled=readOnly}}
        {{i18n 'admin.badges.show_posts'}}
      </label>
    </div>

    <div>
      <label>
        {{input type="checkbox" checked=buffered.enabled}}
        {{i18n 'admin.badges.enabled'}}
      </label>
    </div>

    <div class='buttons'>
      <button {{action "save"}} disabled={{saving}} class='btn btn-primary'>{{i18n 'admin.badges.save'}}</button>
      <span class='saving'>{{savingStatus}}</span>
      {{#unless readOnly}}
        <a {{action "destroy"}} class='delete-link'>{{i18n 'admin.badges.delete'}}</a>
      {{/unless}}
    </div>
  </form>
{{/d-section}}

{{#if grant_count}}
  <div class="content-body current-badge-actions">
    <div>
      {{#link-to 'badges.show' this}}{{i18n 'badges.granted' count=grant_count}}{{/link-to}}
    </div>
  </div>
{{/if}}