fvtt-prism-rpg/templates/character-skills.hbs

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

  {{!-- Core Skill Selection (Prism RPG) --}}
  <fieldset class="core-skill-selection">
    <legend data-tooltip="{{localize 'PRISMRPG.Tooltip.coreSkill'}}" data-tooltip-direction="UP">
      {{localize "PRISMRPG.Label.coreSkill"}}
    </legend>
    <div class="core-skill-info">
      {{#if system.coreSkill.skill}}
        <div class="selected-core-skill">
          <span class="core-skill-name">{{localize (concat "PRISMRPG.CoreSkill." system.coreSkill.skill)}}</span>
          <span class="core-skill-bonus">+5 {{localize "PRISMRPG.Label.basicChecks"}}</span>
          {{#if system.coreSkill.attributeChoice}}
            <span class="attribute-bonus">+2 {{localize (concat "PRISMRPG.Label." system.coreSkill.attributeChoice)}}</span>
          {{/if}}
          <span class="advanced-checks">{{localize "PRISMRPG.Label.advancedChecksEnabled"}}</span>
        </div>
      {{else}}
        <div class="no-core-skill">
          <p>{{localize "PRISMRPG.Message.selectCoreSkill"}}</p>
          <select name="system.coreSkill.skill" {{#if isPlayMode}}disabled{{/if}}>
            <option value="">{{localize "PRISMRPG.Label.chooseSkill"}}</option>
            {{#each config.CORE_SKILLS as |skill skillId|}}
              <option value="{{skillId}}">{{localize skill.label}}</option>
            {{/each}}
          </select>
        </div>
      {{/if}}
    </div>
  </fieldset>

  {{!-- Available Core Skills Reference --}}
  <fieldset class="core-skills-list">
    <legend data-tooltip="{{localize 'PRISMRPG.Tooltip.coreSkills'}}" data-tooltip-direction="UP">
      {{localize "PRISMRPG.Label.availableCoreSkills"}}
    </legend>
    <div class="skills-grid">
      {{#each config.CORE_SKILLS as |skill skillId|}}
        <div class="core-skill-item {{#if (eq ../system.coreSkill.skill skillId)}}selected{{/if}}"
             data-skill-id="{{skillId}}">
          <div class="skill-header">
            <span class="skill-name">{{localize skill.label}}</span>
            {{#if (eq ../system.coreSkill.skill skillId)}}
              <span class="badge-core">{{localize "PRISMRPG.Label.yourCoreSkill"}}</span>
            {{/if}}
          </div>
          <div class="skill-attributes">
            <span class="attribute-choices-label">{{localize "PRISMRPG.Label.attributeChoices"}}:</span>
            {{#each skill.attributeChoices as |attr|}}
              <span class="attribute-choice {{#if (eq ../../system.coreSkill.attributeChoice attr)}}chosen{{/if}}">
                {{localize (concat "PRISMRPG.Label." attr)}}
              </span>
              {{#unless @last}}/{{/unless}}
            {{/each}}
          </div>
        </div>
      {{/each}}
    </div>
  </fieldset>

  {{!-- Skills Items (if any) --}}
  <fieldset>
    <legend data-tooltip="{{localize 'PRISMRPG.Tooltip.skills'}}" data-tooltip-direction="UP">
      {{localize "PRISMRPG.Label.customSkills"}}
    </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}}" />
        <div class="name">
          <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.gifts'}}" data-tooltip-direction="UP">
      {{localize "PRISMRPG.Label.gifts"}}
    </legend>
    <div class="gifts">
      {{#each gifts as |item|}}
      <div class="gift " 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.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.vulnerabilities'}}" data-tooltip-direction="UP">
      {{localize "PRISMRPG.Label.vulnerabilities"}}
    </legend>
    <div class="vulnerabilities">
      {{#each vulnerabilities as |item|}}
      <div class="vulnerability " 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.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>
</div>
</section>