<form id="{{appId}}" data-level="{{level}}" data-id="{{advancement.id}}" data-type="{{type}}">
  <h3>{{{this.title}}}</h3>

  <ul class="ability-scores {{#if feat}}disabled{{/if}}">
    {{#unless staticIncrease}}
    <label>
      {{#if feat}}
        {{localize "DND5E.AdvancementAbilityScoreImprovementLockedHint"}}
      {{else}}
        {{ pointsRemaining }}
      {{/if}}
    </label>
    {{/unless}}
    {{#each abilities}}
      {{> "dnd5e.advancement-ability-score-control" this canAdjust=(not @root.staticIncrease)}}
    {{/each}}
  </ul>

  {{#if advancement.allowFeat}}
    <h3>{{localize "DND5E.Feature.Feat"}}</h3>

    <div class="item-name flexrow drop-area {{#unless feat}}empty{{/unless}}">
      {{#if feat}}
        <div class="item-image" style="background-image: url('{{feat.img}}');"></div>
        <h4>
          <a data-uuid="{{feat.uuid}}">{{feat.name}}</a>
        </h4>
        <a class="item-control" data-action="delete" title="{{localize 'DND5E.ItemDelete'}}">
          <i class="fas fa-trash"></i>
        </a>
      {{else}}
        {{localize "DND5E.AdvancementAbilityScoreImprovementFeatHint"}}
      {{/if}}
    </div>
  {{/if}}
</form>