fvtt-adventures-with-emmy/templates/character-main.hbs

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

  {{!-- Attributes Table --}}
  <fieldset>
    <legend>{{localize "AWEMMY.Character.Attributes"}}</legend>
    <table class="attributes-table">
      <thead>
        <tr>
          <th>{{localize "AWEMMY.Character.Attribute"}}</th>
          <th>{{localize "AWEMMY.Character.BoostLevel"}}</th>
          <th>{{localize "AWEMMY.Character.Mod"}}</th>
          <th>{{localize "AWEMMY.Character.DC"}}</th>
          <th>{{localize "AWEMMY.Character.Bonus"}}</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="attr-label rollable" data-attribute-id="agility">{{localize "AWEMMY.Attribute.Agility"}} <i class="fa-solid fa-dice-d20"></i></td>
          <td>{{formInput systemFields.attributes.fields.agility.fields.boostLevel value=system.attributes.agility.boostLevel disabled=isPlayMode}}</td>
          <td class="attr-mod" data-tooltip="{{system.attributes.agility.modBreakdown}}">{{system.attributes.agility.mod}}</td>
          <td class="attr-dc">{{system.attributes.agility.dc}}</td>
          <td>{{formInput systemFields.attributes.fields.agility.fields.bonus value=system.attributes.agility.bonus disabled=isPlayMode}}</td>
        </tr>
        <tr>
          <td class="attr-label rollable" data-attribute-id="fitness">{{localize "AWEMMY.Attribute.Fitness"}} <i class="fa-solid fa-dice-d20"></i></td>
          <td>{{formInput systemFields.attributes.fields.fitness.fields.boostLevel value=system.attributes.fitness.boostLevel disabled=isPlayMode}}</td>
          <td class="attr-mod" data-tooltip="{{system.attributes.fitness.modBreakdown}}">{{system.attributes.fitness.mod}}</td>
          <td class="attr-dc">{{system.attributes.fitness.dc}}</td>
          <td>{{formInput systemFields.attributes.fields.fitness.fields.bonus value=system.attributes.fitness.bonus disabled=isPlayMode}}</td>
        </tr>
        <tr>
          <td class="attr-label rollable" data-attribute-id="awareness">{{localize "AWEMMY.Attribute.Awareness"}} <i class="fa-solid fa-dice-d20"></i></td>
          <td>{{formInput systemFields.attributes.fields.awareness.fields.boostLevel value=system.attributes.awareness.boostLevel disabled=isPlayMode}}</td>
          <td class="attr-mod" data-tooltip="{{system.attributes.awareness.modBreakdown}}">{{system.attributes.awareness.mod}}</td>
          <td class="attr-dc">{{system.attributes.awareness.dc}}</td>
          <td>{{formInput systemFields.attributes.fields.awareness.fields.bonus value=system.attributes.awareness.bonus disabled=isPlayMode}}</td>
        </tr>
        <tr>
          <td class="attr-label rollable" data-attribute-id="influence">{{localize "AWEMMY.Attribute.Influence"}} <i class="fa-solid fa-dice-d20"></i></td>
          <td>{{formInput systemFields.attributes.fields.influence.fields.boostLevel value=system.attributes.influence.boostLevel disabled=isPlayMode}}</td>
          <td class="attr-mod" data-tooltip="{{system.attributes.influence.modBreakdown}}">{{system.attributes.influence.mod}}</td>
          <td class="attr-dc">{{system.attributes.influence.dc}}</td>
          <td>{{formInput systemFields.attributes.fields.influence.fields.bonus value=system.attributes.influence.bonus disabled=isPlayMode}}</td>
        </tr>
      </tbody>
    </table>
  </fieldset>

  {{!-- Abilities --}}
  <fieldset>
    <legend>{{localize "AWEMMY.Item.Ability"}}</legend>
    <div class="item-list">
      {{#each abilities as |item|}}
      <div class="item-row {{#if item.usedToday}}ability-used{{/if}}" data-drag="true" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
        <div class="item-name">{{item.name}}</div>
        <div class="item-cost">{{item.costLabel}}</div>
        {{#if item.system.frequency}}<div class="item-frequency">{{item.system.frequency}}</div>{{/if}}
        <div class="item-controls">
          <a data-action="useAbility" data-item-id="{{item.id}}"
             class="{{#if item.usedToday}}ability-used-btn{{/if}}"
             data-tooltip="{{#if item.usedToday}}{{localize "AWEMMY.Ability.AlreadyUsed"}}{{else}}{{localize "AWEMMY.Ability.Use"}}{{/if}}">
            <i class="fas fa-bolt"></i>
          </a>
          <a data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-tooltip="{{localize 'AWEMMY.Sheet.EditItem'}}"><i class="fas fa-edit"></i></a>
          {{#if ../isEditMode}}
          <a data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-tooltip="{{localize 'AWEMMY.Sheet.DeleteItem'}}"><i class="fas fa-trash"></i></a>
          {{/if}}
        </div>
      </div>
      {{/each}}
      {{#if isEditMode}}
      <div class="item-add">
        <button type="button" data-action="createAbility"><i class="fas fa-plus"></i> {{localize "AWEMMY.Item.Ability"}}</button>
      </div>
      {{/if}}
      {{#if hasUsedAbilities}}
      <div class="daily-reset">
        <button type="button" data-action="dailyReset" data-tooltip="{{localize 'AWEMMY.Ability.DailyResetHint'}}">
          <i class="fas fa-sun"></i> {{localize "AWEMMY.Ability.DailyReset"}}
        </button>
      </div>
      {{/if}}
    </div>
  </fieldset>

  {{!-- Conditions --}}
  <fieldset class="conditions-fieldset">
    <legend>{{localize "AWEMMY.Condition.Panel"}}</legend>
    <div class="conditions-panel">
      {{#each conditions as |cond|}}
      <a class="condition-badge {{#if cond.active}}active{{/if}}" data-action="toggleCondition" data-condition-id="{{cond.id}}" data-tooltip="{{cond.label}}">
        <img src="{{cond.img}}" alt="{{cond.label}}" />
        <span class="condition-label">{{cond.label}}</span>
      </a>
      {{/each}}
    </div>
  </fieldset>

</section>