<section class="tab character-{{tab.id}} {{tab.cssClass}}" data-tab="{{tab.id}}" data-group="{{tab.group}}">
  <div class="main-div">
  <fieldset>
    <legend>{{localize "HAMALRON.Label.maleficas"}}{{#if isEditMode}}
      <a class="action" data-tooltip="{{localize "HAMALRON.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|}}
      {{!log 'weapon' this}}
      <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-action="toChat" data-item-uuid="{{item.uuid}}" data-roll-type="malefica" data-tooltip="{{{item.system.description}}}<br>Time:{{item.system.time}}<br>Duration:{{item.system.duration}}<br>Range:{{item.system.range}}<br>Target:{{item.system.target}}">
          <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>
        {{#if item.system.hasDamage}}
        <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>
        {{else}}
        <span class="damage" data-tooltip="Damage">-</span>
        {{/if}}

        <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.rituals"}}{{#if isEditMode}}
      <a class="action" data-tooltip="{{localize "HAMALRON.Tooltip.addRitual"}}" data-tooltip-direction="UP"><i
          class="fas fa-plus" data-action="createRitual"></i></a>{{/if}}
    </legend>
    <div class="rituals">
      {{#each rituals as |item|}}
      <div class="ritual 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-action="toChat" data-item-uuid="{{item.uuid}}" data-roll-type="weapon" data-tooltip="{{{item.system.description}}}">
          <a>{{item.name}}</a>
        </div>
        <span class="ingredients" data-tooltip="Ingredients">{{upperFirst item.system.ingredients}}</span>
        <span class="difficulty" data-tooltip="Difficulty">{{upperFirst item.system.difficulty}}</span>
        <span class="threshold" data-tooltip="Threshold">{{upperFirst item.system.threshold}}</span>
        <span class="limit" data-tooltip="Limit">{{upperFirst item.system.limit}}</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>