<section class="tab-panel {{tab.cssClass}}">
  <div class="inventory-header">
    <h3>{{localize "MGNE.ItemTypes.feature"}}</h3>
    <button type="button" data-action="createItem" data-item-type="feature">{{localize "MGNE.Character.AddFeature"}}</button>
  </div>
  {{#each features}}
    <div class="item-row" data-item-id="{{id}}">
      <div class="item-name">{{name}}</div>
      <div>{{lookup @root.config.featureChoices system.featureId}}</div>
      <div class="item-actions">
        <button type="button" data-action="editItem">{{localize "MGNE.Common.Edit"}}</button>
        <button type="button" data-action="deleteItem">{{localize "MGNE.Common.Delete"}}</button>
      </div>
    </div>
  {{else}}
    <p class="empty-state">{{localize "MGNE.Empty.NoFeatures"}}</p>
  {{/each}}
</section>
