<section data-tab="equipment" data-group="{{tab.group}}" class="tab {{tab.cssClass}}">
  {{#unless isPlayMode}}
  <p class="settlement-hint">{{localize "OATHHAMMER.Label.EquipmentNPCHint"}}</p>
  {{/unless}}

  {{! Armor }}
  <fieldset>
    <legend>{{localize "OATHHAMMER.Label.Armor"}}</legend>
    {{#if armors.length}}
    <ul class="item-list item-list--npc-armor">
      <li class="item-list-header">
        <span></span>
        <span class="col-name">{{localize "OATHHAMMER.Label.Name"}}</span>
        <span>AV</span>
        <span>{{localize "OATHHAMMER.Label.Penalty"}}</span>
        <span></span>
      </li>
      {{#each armors as |armor|}}
      <li class="item-entry" data-item-id="{{armor.id}}" data-item-uuid="{{armor.uuid}}">
        <img src="{{armor.img}}" class="item-img" />
        <span class="item-name">{{armor.name}}</span>
        <span class="item-detail">{{armor.system.armorValue}}</span>
        <span class="item-detail">{{#if armor.system.penalty}}{{armor.system.penalty}}{{else}}—{{/if}}</span>
        <div class="item-actions">
          {{#unless ../isPlayMode}}
          <a data-action="edit" data-item-id="{{armor.id}}" data-item-uuid="{{armor.uuid}}"><i class="fa-solid fa-edit"></i></a>
          <a data-action="delete" data-item-id="{{armor.id}}" data-item-uuid="{{armor.uuid}}"><i class="fa-solid fa-trash"></i></a>
          {{/unless}}
        </div>
      </li>
      {{/each}}
    </ul>
    {{else}}
    <p class="no-items">{{localize "OATHHAMMER.Label.NoArmor"}}</p>
    {{/if}}
  </fieldset>

  {{! Equipment }}
  <fieldset>
    <legend>{{localize "OATHHAMMER.Label.Equipment"}}</legend>
    {{#if equipment.length}}
    <ul class="item-list item-list--npc-equip">
      <li class="item-list-header">
        <span></span>
        <span class="col-name">{{localize "OATHHAMMER.Label.Name"}}</span>
        <span></span>
      </li>
      {{#each equipment as |item|}}
      <li class="item-entry" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
        <img src="{{item.img}}" class="item-img" />
        <span class="item-name">{{item.name}}</span>
        <div class="item-actions">
          {{#unless ../isPlayMode}}
          <a data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fa-solid fa-edit"></i></a>
          <a data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fa-solid fa-trash"></i></a>
          {{/unless}}
        </div>
      </li>
      {{/each}}
    </ul>
    {{else}}
    <p class="no-items">{{localize "OATHHAMMER.Label.NoEquipment"}}</p>
    {{/if}}
  </fieldset>
</section>
