<section>
  <div class="item-header">
    <img class="item-img" src="{{item.img}}" data-edit="img" data-action="editImage" data-tooltip="{{item.name}}" />
    {{formInput fields.name value=source.name}}
  </div>
  <div class="item-body">

    <div class="form-row">
      <div class="form-group">
        <label>{{localize "AWEMMY.Specialization.FieldName"}}</label>
        {{formInput systemFields.fieldName value=system.fieldName placeholder="e.g. Biologist"}}
      </div>
      <div class="form-group">
        <label>{{localize "AWEMMY.Specialization.KeyAttributeOverride"}}</label>
        {{formField systemFields.keyAttributeOverride value=system.keyAttributeOverride localize=true}}
      </div>
    </div>

    <div class="form-group-tags">
      <label>{{localize "AWEMMY.Specialization.Traits"}}</label>
      <div class="tags-list">
        {{#each system.traits}}
        <span class="tag">{{this}} <a data-action="removeTrait" data-index="{{@index}}">×</a></span>
        {{/each}}
        <input type="text" class="new-tag" data-action="addTrait"
               list="awemmy-trait-suggestions"
               placeholder="{{localize 'AWEMMY.Ability.AddTrait'}}" />
        <datalist id="awemmy-trait-suggestions">
          {{#each traitSuggestions}}<option value="{{this}}">{{/each}}
        </datalist>
      </div>
    </div>

    <fieldset>
      <legend>Description</legend>
      {{formInput systemFields.description enriched=enrichedDescription value=system.description name="system.description" toggled=true}}
    </fieldset>

  </div>
</section>
