<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" 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>
        <div class="item-controls">
          <a data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-tooltip="Edit"><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="Delete"><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}}
    </div>
  </fieldset>

</section>
