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

  {{!-- Skills Items --}}
  <fieldset>
    <legend data-tooltip="{{localize 'PRISMRPG.Tooltip.skills'}}" data-tooltip-direction="UP">
      {{localize "PRISMRPG.Label.skills"}}
    </legend>
    <div class="skills">
      {{#each skills as |item|}}
      <div class="skill {{#if item.system.isCoreSkill}}is-core-skill{{/if}}"
           data-item-id="{{item.id}}"
           data-item-uuid="{{item.uuid}}">
        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}\nClick to post to chat" data-action="postItemToChat" />
        <div class="name" data-tooltip="{{item.system.description}}">
          <a class="rollable" data-roll-type="skill" data-roll-key="{{item.id}}">
            <i class="lf-roll-small fa-duotone fa-solid fa-dice-d10"></i>
            {{item.name}}
          </a>
        </div>
        <div class="score">
          {{#if item.system.isCoreSkill}}
            +{{item.system.modifier}}
            {{#if item.system.canAdvancedCheck}}
              <span class="advanced-icon" data-tooltip="{{localize 'PRISMRPG.Tooltip.advancedChecks'}}">★</span>
            {{/if}}
          {{else}}
            +0
          {{/if}}
        </div>
        <div class="controls">
          <a data-tooltip="{{localize 'PRISMRPG.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 'PRISMRPG.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 data-tooltip="{{localize 'PRISMRPG.Tooltip.racialAbilities'}}" data-tooltip-direction="UP">
      {{localize "PRISMRPG.Label.racialAbilities"}}
      <a data-action="createEquipment" data-item-type="racial-ability" data-tooltip="{{localize 'PRISMRPG.Tooltip.addRacialAbility'}}"><i class="fas fa-plus"></i></a>
    </legend>
    <div class="racial-abilities">
      {{#each racialAbilities as |item|}}
      <div class="racial-ability " data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}\nClick to post to chat" data-action="postItemToChat" />
        <div class="name" data-tooltip="{{{item.description}}}<br><br>{{item.path}}" data-tooltip-direction="UP">
          {{item.name}}
        </div>
        <div class="controls">
          <a data-tooltip="{{localize 'PRISMRPG.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 'PRISMRPG.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 data-tooltip="{{localize 'PRISMRPG.Tooltip.abilities'}}" data-tooltip-direction="UP">
      {{localize "PRISMRPG.Label.abilities"}}
      <a data-action="createEquipment" data-item-type="ability" data-tooltip="{{localize 'PRISMRPG.Tooltip.addAbility'}}"><i class="fas fa-plus"></i></a>
    </legend>
    <div class="racial-abilities">
      {{#each abilities as |item|}}
      <div class="racial-ability" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}\nClick to post to chat" data-action="postItemToChat" />
        <div class="name" data-tooltip="{{{item.description}}}" data-tooltip-direction="UP">
          {{item.name}}
        </div>
        <div class="controls">
          <a data-tooltip="{{localize 'PRISMRPG.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 'PRISMRPG.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>