<section class="tab enemy-{{tab.id}} {{tab.cssClass}}" data-tab="{{tab.id}}" data-group="{{tab.group}}">
  <div class="main-div">

    <fieldset>
      <legend>{{localize "HAMALRON.Label.weapons"}}{{#if isEditMode}}
        <a class="action" data-tooltip="{{localize "HAMALRON.Tooltip.addWeapon"}}" data-tooltip-direction="UP"><i
            class="fas fa-plus" data-action="createWeapon"></i></a>{{/if}}
      </legend>
      <div class="weapons">
        {{#each weapons as |item|}}
        <div class="weapon item" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true">
          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
          <div class="name" data-tooltip="{{{item.system.description}}}">
            {{item.name}}
          </div>
          <span class="type" data-tooltip="Type">{{upperFirst item.system.weaponType}}</span>

          <div class="controls">
            <a data-tooltip="{{localize 'HAMALRON.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
              data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
            <a data-tooltip="{{localize 'HAMALRON.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
              data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          </div>
        </div>
        {{/each}}
      </div>
    </fieldset>

    <fieldset>
      <legend>{{localize "HAMALRON.Label.sortileges"}}{{#if isEditMode}}
        <a class="action" data-tooltip="{{localize "HAMALRON.Tooltip.addSortilege"}}" data-tooltip-direction="UP"><i
            class="fas fa-plus" data-action="createSortilege"></i></a>{{/if}}
      </legend>
      <div class="sortileges">
        {{#each sortileges as |item|}}
        <div class="sortilege item" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true">
          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
          <div class="name" data-tooltip="{{{item.system.description}}}">
            {{item.name}}
          </div>
          <div class="controls">
            <a data-tooltip="{{localize 'HAMALRON.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
              data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
            <a data-tooltip="{{localize 'HAMALRON.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
              data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          </div>
        </div>
        {{/each}}
      </div>
    </fieldset>

    <fieldset>
      <legend>{{localize "HAMALRON.Label.equipments"}}{{#if isEditMode}}
        <a class="action" data-tooltip="{{localize "HAMALRON.Tooltip.addEquipment"}}" data-tooltip-direction="UP"><i
            class="fas fa-plus" data-action="createEquipment"></i></a>{{/if}}
      </legend>
      <div class="equipments">
        {{#each equipments as |item|}}
        <div class="equipment" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
          <div class="name" data-tooltip="{{{item.system.description}}}">
            {{item.name}}
          </div>
          <span class="quantity" data-tooltip="Quantity">{{item.system.quantity}}</span>
          <div class="controls">
            <a data-tooltip="{{localize 'HAMALRON.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
              data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
            <a data-tooltip="{{localize 'HAMALRON.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
              data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          </div>
        </div>
        {{/each}}
      </div>
    </fieldset>

  </div>
</section>
