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

    <fieldset>
      <legend>{{localize "HELLBORN.Label.characteristics"}}</legend>
      <div class="counters">
        <div class="flexcol">
          <div>
            <label>Trauma : </label>{{formInput systemFields.trauma.fields.current value=system.trauma.current}} /
            {{formInput systemFields.trauma.fields.max value=system.trauma.max}}

            <label class="spaced-left"> Darkness </label>
            {{formInput systemFields.darkness.fields.current value=system.darkness.current}} /
            {{formInput systemFields.darkness.fields.max value=system.darkness.max}}
            {{formInput systemFields.darkness.fields.value value=system.darkness.value}}
            <label class="spaced-left"> Defense </label>
            {{formInput systemFields.defense.fields.base value=system.defense.base}}
            {{formInput systemFields.defense.fields.resilience value=system.defense.resilience}}
            <label class="spaced-left"> Movement </label>{{formInput systemFields.movement.fields.base value=system.movement.base}}
          </div>

          <div class="flexrow characteristics-label">
            <label></label><span>Curr.</span><span>Max</span>
            <label></label><span>&nbsp;&nbsp;&nbsp;Curr.</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Max</span><span>&nbsp;&nbsp;Mal.DR</span>
            <label></label><span>&nbsp;&nbsp;&nbsp;Total</span><span>&nbsp;&nbsp;&nbsp;Resi.</span>
            <label></label>
            <label></label>
            <label></label>
            <label></label>

          </div>
        </div>
      </div>
    </fieldset>

    <div class="enemy-column">

      <fieldset>
        <legend>{{localize "HELLBORN.Label.traits"}}{{#if isEditMode}}
          <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addTrait"}}" data-tooltip-direction="UP"><i
              class="fas fa-plus" data-action="createTrait"></i></a>{{/if}}
        </legend>
        <div class="traits">
          {{#each traits as |item|}}
          <div class="trait 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}}" />
            <!-- <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />-->
            <div class="name" data-roll-type="trait" data-action="toChat" data-item-uuid="{{item.uuid}}" data-tooltip="{{{item.system.description}}}">
              <a>{{item.name}}</a>
            </div>

            <div class="controls">
              <a data-tooltip="{{localize 'HELLBORN.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 'HELLBORN.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 "HELLBORN.Label.maleficas"}}{{#if isEditMode}}
          <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addMalefica"}}" data-tooltip-direction="UP"><i
              class="fas fa-plus" data-action="createMalefica"></i></a>{{/if}}
        </legend>
        <div class="maleficas">
          {{#each maleficas as |item|}}
          <div class="malefica 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}}" />
            <!-- <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />-->
            <div class="name" data-roll-type="malefica" data-action="toChat" data-item-uuid="{{item.uuid}}" data-tooltip="{{{item.system.description}}}">
              <a>{{item.name}}</a>
            </div>
            <span class="domain" data-tooltip="Domain">{{upperFirst item.system.domain}}</span>
            <span class="level" data-tooltip="Level">{{getRomanLevel item.system.level}}</span>

            <div class="controls">
              <a data-tooltip="{{localize 'HELLBORN.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 'HELLBORN.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>

  <fieldset>
      <legend>{{localize "HELLBORN.Label.weapons"}}{{#if isEditMode}}
        <a class="action" data-tooltip="{{localize "HELLBORN.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}}" />
          <i class="fa-regular fa-dice"></i>
          <div class="name rollable" data-roll-type="weapon" data-tooltip="{{{item.system.description}}}">
            {{item.name}}
          </div>
          <span class="type" data-tooltip="Type">{{upperFirst item.system.weaponType}}</span>
          <span class="properties" data-tooltip="Properties">{{upperFirst item.system.properties}}</span>
          <span class="range" data-tooltip="Range">{{upperFirst item.system.range}}</span>
          <span class="ammo" data-tooltip="Ammo">{{upperFirst item.system.ammo}}</span>

          <a class="damage rollable" data-tooltip="Damage" data-item-id="{{item.id}}" data-action="roll"
            data-roll-type="damage" data-roll-value="{{item.system.damage}}">
            <i class="fa-regular fa-dice"></i>
            {{item.system.damage}}</a>

          <div class="controls">
            <a data-tooltip="{{localize 'HELLBORN.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 'HELLBORN.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 "HELLBORN.Label.equipments"}}{{#if isEditMode}}
        <a class="action" data-tooltip="{{localize "HELLBORN.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|}}
        {{!log 'armor' this}}
        <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>
          <div class="controls">
            <a data-tooltip="{{localize 'HELLBORN.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 'HELLBORN.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>