<section data-tab="combat" data-group="{{tab.group}}" class="tab {{tab.cssClass}}">
  <fieldset>
    <legend>{{localize "OATHHAMMER.Label.Attacks"}}
      {{#unless isPlayMode}}<a data-action="createNpcAttack" class="create-btn"><i class="fa-solid fa-plus"></i></a>{{/unless}}
    </legend>
    {{#if npcAttacks.length}}
    <ul class="item-list item-list--npc-attack">
      <li class="item-list-header">
        <span></span>
        <span class="col-name">{{localize "OATHHAMMER.Label.Name"}}</span>
        <span>{{localize "OATHHAMMER.Label.Damage"}}</span>
        <span title="Armor Penetration">AP</span>
        <span></span>
      </li>
      {{#each npcAttacks as |attack|}}
      <li class="item-entry" data-item-id="{{attack.id}}" data-item-uuid="{{attack.uuid}}">
        <img src="{{attack.img}}" class="item-img" />
        <span class="item-name" {{#if attack._descTooltip}}data-tooltip="{{attack._descTooltip}}"{{/if}}>{{attack.name}}</span>
        <span class="item-detail">{{attack.system.damageLabel}}</span>
        <span class="item-detail">{{#if attack.system.ap}}{{attack.system.ap}}{{else}}—{{/if}}</span>
        <div class="item-actions">
          <a data-action="rollNpcAttack" data-item-id="{{attack.id}}" data-tooltip="{{localize 'OATHHAMMER.Dialog.Damage'}}"><i class="fa-solid fa-burst"></i></a>
          <a data-action="edit" data-item-id="{{attack.id}}" data-item-uuid="{{attack.uuid}}"><i class="fa-solid fa-edit"></i></a>
          <a data-action="delete" data-item-id="{{attack.id}}" data-item-uuid="{{attack.uuid}}"><i class="fa-solid fa-trash"></i></a>
        </div>
      </li>
      {{/each}}
    </ul>
    {{else}}
    <p class="no-items">{{localize "OATHHAMMER.Label.NoAttacks"}}</p>
    {{/if}}
  </fieldset>
</section>
