<section class="tab character-equipment {{tab.cssClass}}" data-tab="{{tab.id}}" data-group="{{tab.group}}">

  {{!-- Kits --}}
  <fieldset>
    <legend>{{localize "AWEMMY.Item.Kit"}}</legend>
    <div class="item-list">
      {{#each kits as |item|}}
      <div class="item-row" data-drag="true" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
        <div class="item-name">{{item.name}}</div>
        <div class="item-charges">{{item.system.charges.value}}/{{item.system.charges.max}}</div>
        <div class="item-controls">
          <a data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
          {{#if ../isEditMode}}
          <a data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          {{/if}}
        </div>
      </div>
      {{/each}}
      {{#if isEditMode}}
      <div class="item-add">
        <button type="button" data-action="createKit"><i class="fas fa-plus"></i> {{localize "AWEMMY.Item.Kit"}}</button>
      </div>
      {{/if}}
    </div>
  </fieldset>

  {{!-- Weapons --}}
  <fieldset>
    <legend>{{localize "AWEMMY.Item.Weapon"}}</legend>
    <div class="item-list">
      {{#each weapons as |item|}}
      <div class="item-row" data-drag="true" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
        <div class="item-name">{{item.name}}</div>
        <div class="item-damage">{{item.system.damageFormula}} ({{item.system.damageType}})</div>
        <div class="item-range">{{localize "AWEMMY.Weapon.Range"}}: {{item.system.range}}</div>
        <div class="item-controls">
          <a data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
          {{#if ../isEditMode}}
          <a data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          {{/if}}
        </div>
      </div>
      {{/each}}
      {{#if isEditMode}}
      <div class="item-add">
        <button type="button" data-action="createWeapon"><i class="fas fa-plus"></i> {{localize "AWEMMY.Item.Weapon"}}</button>
      </div>
      {{/if}}
    </div>
  </fieldset>

  {{!-- Equipment --}}
  <fieldset>
    <legend>{{localize "AWEMMY.Item.Equipment"}}</legend>
    <div class="item-list">
      {{#each equipments as |item|}}
      <div class="item-row" data-drag="true" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
        <div class="item-name">{{item.name}}</div>
        <div class="item-qty">x{{item.system.quantity}}</div>
        <div class="item-controls">
          <a data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
          {{#if ../isEditMode}}
          <a data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          {{/if}}
        </div>
      </div>
      {{/each}}
      {{#if isEditMode}}
      <div class="item-add">
        <button type="button" data-action="createEquipment"><i class="fas fa-plus"></i> {{localize "AWEMMY.Item.Equipment"}}</button>
      </div>
      {{/if}}
    </div>
  </fieldset>

</section>
