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

    <fieldset>
      <legend>{{localize "LETHALFANTASY.Label.aetherPoints"}}</legend>
      <div class="spell-details">
        <div class="spell-detail">
          <span>{{localize "LETHALFANTASY.Label.current"}}</span>
          {{formField systemFields.aetherPoints.fields.value value=system.aetherPoints.value localize=true}}
          <a data-action="aetherPointsPlus"><i class="fa-solid fa-hexagon-plus"></i></a>
          <a data-action="aetherPointsMinus"><i class="fa-solid fa-hexagon-minus"></i></a>

          <span>{{localize "LETHALFANTASY.Label.max"}}</span>
          {{formField systemFields.aetherPoints.fields.max value=system.aetherPoints.max localize=true
          disabled=isPlayMode}}
        </div>
      </div>
    </fieldset>

    <fieldset>
      <legend>{{localize "LETHALFANTASY.Label.spells"}}{{#if isEditMode}}<a class="action" data-tooltip="{{localize "
          LETHALFANTASY.Tooltip.addSpell"}}" data-tooltip-direction="UP"><i class="fas fa-plus"
            data-action="createSpell"></i></a>{{/if}}</legend>
      <div class="spells">
        {{#each spells as |item|}}
        <div class="spell" 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">
            {{item.name}}
          </div>

          <a class="rollable" data-roll-type="spell-attack" data-roll-key="{{item.id}}" data-tooltip="Spell Attack">
            <i class="lf-roll-small fa-solid fa-swords" data-roll-type="spell-attack" data-roll-key="{{item.id}}"></i>
          </a>

          <a class="rollable" data-roll-type="spell-power" data-roll-key="{{item.id}}" data-tooltip="Spell Power">
            <i class="fa-duotone fa-solid fa-stars" data-roll-type="spell-power" data-roll-key="{{item.id}}"></i>
          </a>

          {{#if item.system.damageDice}}
          <a data-action="rollSpellDamage" data-item-id="{{item.id}}" data-damage-tier="standard"
            data-tooltip="Spell Damage (Standard)">
            <i class="fa-solid fa-wand-magic-sparkles"></i>S
          </a>
          {{/if}}
          {{#if item.system.damageDiceOverpowered}}
          <a data-action="rollSpellDamage" data-item-id="{{item.id}}" data-damage-tier="overpowered"
            data-tooltip="Spell Damage (Overpowered)">
            <i class="fa-solid fa-wand-magic-sparkles"></i>O
          </a>
          {{/if}}
          {{#if item.system.damageDiceOverpowered2}}
          <a data-action="rollSpellDamage" data-item-id="{{item.id}}" data-damage-tier="overpowered2"
            data-tooltip="Spell Damage (Overpowered 2)">
            <i class="fa-solid fa-wand-magic-sparkles"></i>O2
          </a>
          {{/if}}

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