<form class="{{cssClass}} {{actor.type}} actor_v2" autocomplete="off">
  {{!-- Edit Mode Button --}}
  <a class="edit-button activable {{#if flags.dc20rpg.editMode}}active{{/if}}" title="{{localize 'dc20rpg.sheet.editMode'}}" data-path="flags.dc20rpg.editMode">
    <i class="fa fa-lg fa-square-pen fa-solid"></i> <span>{{localize "dc20rpg.sheet.edit"}}</span>
  </a> 

  {{!-- Sidetab --}}
  <div class="char-sheet-details {{#if expandedSidebar}}expand{{/if}} npc-sidetab">
    <a class="sidetab-button {{#if expandedSidebar}}fa-square-caret-right{{else}}fa-square-caret-left{{/if}} fa-duotone fa-swap-opacity fa-2x"></a>
    <div class="sidetab-content">
      <div class="baner">
        {{!-- Level --}}
        <div class="over-image-wrapper">
          <div class="level-wrapper">
            <input {{#unless editMode}}disabled{{/unless}} name="system.details.level" type="text" value="{{system.details.level}}" title="{{localize 'dc20rpg.sheet.level'}}" data-dtype="Number"/>
          </div>
          <div class="cm-wrapper">
            <input disabled value="{{system.details.combatMastery}}" title="{{localize 'dc20rpg.sheet.combatMastery'}}"/>
          </div>
        </div>
        
        {{!-- Image --}}
        <div class="border-box">
          <div class="box-inner no-padding">
            <div class="characer-img">
              <img src="{{actor.img}}" {{#if editMode}}data-edit="img" title="{{localize 'dc20rpg.sheet.editImage'}}"{{else}}class="show-img" title="{{localize 'dc20rpg.sheet.showImage'}}"{{/if}}/>
            </div>
          </div>
        </div>

        {{!-- Name --}}
        <div class="char-name">
          <input {{#unless editMode}}disabled{{/unless}} name="name" type="text" value="{{actor.name}}" placeholder="{{localize 'dc20rpg.sheet.charName'}}"/>
        </div>

        {{!-- Companion Owner --}}
        <div class="row margin-top-10" title="{{localize 'dc20rpg.sheet.companionOwner'}}">
          <i class="margin-left-2 fa-solid fa-link"></i>
          {{#if companionOwner}}
          <div class="companion-owner">
            <div class="owner-img"><img src="{{companionOwner.img}}"/></div>
            <div class="owner-name">{{companionOwner.name}}</div>
            {{#if editMode}}
            <a class="remove-companion-owner fa-solid fa-trash fa-sm" title="{{localize 'dc20rpg.sheet.removeCompanionOwner'}}"></a>
            {{/if}}
          </div>
          {{else}}
          <div class="companion-owner" title="{{localize 'dc20rpg.sheet.addCompanionOwner'}}">
            <div class="owner-img"><img src="icons/svg/mystery-man-black.svg"/></div>
            <div class="owner-name">{{localize 'dc20rpg.sheet.noOwner'}}</div>
          </div>
          {{/if}}
        </div>

        {{!-- Size --}}
        <div class="row margin-top-10" title="{{localize 'dc20rpg.sheet.selectSize'}}">
          <div class="left-part-row margin-left-2">
            <i class="fa-solid fa-street-view fa-lg"></i>
            <span class="margin-left-5">{{localize 'dc20rpg.sheet.size'}}</span>
          </div>
          <select class="size half-row change-actor-value" data-path="system.size.size" >
            {{selectOptions @root.config.DROPDOWN_DATA.sizes selected=system.size.size}}
          </select>
        </div>

        {{!-- Creature Type --}}
        <div class="row margin-top-3" title="{{localize 'dc20rpg.sheet.creatureType'}}">
          <div class="left-part-row margin-left-2">
            <i class="fa-solid fa-paw fa-lg"></i>
          </div>
          <input class="creature-type" type="text" name="system.details.creatureType" value="{{system.details.creatureType}}" placeholder="{{localize 'dc20rpg.sheet.creatureType'}}"/>
        </div>

        {{!-- Creature Role --}}
        <div class="row margin-top-3" title="{{localize 'dc20rpg.sheet.role'}}">
          <div class="left-part-row margin-left-2">
            <i class="fa-solid fa-robot fa-lg"></i>
          </div>
          <input class="category" type="text" name="system.details.role" value="{{system.details.role}}" placeholder="{{localize 'dc20rpg.sheet.role'}}"/>
        </div>

        {{!-- Vision --}}
        <div class="title margin-top-10">
          <i class="margin-left-2 fa-solid fa-eye fa-lg"></i>
          <span class="margin-left-2">{{localize 'dc20rpg.sheet.senses'}}</span>
        </div>
        <div class="row small" title="{{localize 'dc20rpg.sheet.darkvision'}}">
          <span class="margin-left-5">{{localize 'dc20rpg.sheet.darkvision'}}</span>
          <input class="short-row change-actor-numeric-value" type="text" data-path="system.senses.darkvision.range" value="{{system.senses.darkvision.value}}" data-dtype="Number"/>
        </div>
        <div class="row small" title="{{localize 'dc20rpg.sheet.tremorsense'}}">
          <span class="margin-left-5">{{localize 'dc20rpg.sheet.tremorsense'}}</span>
          <input class="short-row change-actor-numeric-value" type="text" data-path="system.senses.tremorsense.range" value="{{system.senses.tremorsense.value}}" data-dtype="Number"/>
        </div>
        <div class="row small" title="{{localize 'dc20rpg.sheet.blindsight'}}">
          <span class="margin-left-5">{{localize 'dc20rpg.sheet.blindsight'}}</span>
          <input class="short-row change-actor-numeric-value" type="text" data-path="system.senses.blindsight.range" value="{{system.senses.blindsight.value}}" data-dtype="Number"/>
        </div>
        <div class="row small last" title="{{localize 'dc20rpg.sheet.truesight'}}">
          <span class="margin-left-5">{{localize 'dc20rpg.sheet.truesight'}}</span>
          <input class="short-row change-actor-numeric-value" type="text" data-path="system.senses.truesight.range" value="{{system.senses.truesight.value}}" data-dtype="Number"/>
        </div>
      </div>

      {{!-- Languages --}}
      <div class="oneliner margin-top-20">
        <div class="oneliner-header">
          <span>{{localize "dc20rpg.sheet.skills.languageTitle"}}</span>
        </div> 
        <div class="oneliner-content">
          {{#each skills.languages as |lang key|}}
          {{#if mastery}}
            {{#ifCond mastery "===" 1}}
            <a class="rollable" data-type="lang" data-check-key="lang" data-roll="d20 + max(@int, @cha)" data-label="{{lang.label}} {{localize "dc20rpg.rollType.check"}}" title="{{localize 'dc20rpg.sheet.skills.roll'}}">
              {{lang.label}}({{localize "dc20rpg.languageLevel.limited"}}){{#unless @last}}, {{/unless}}
            </a>
            {{else}}
            <span>
              {{lang.label}}{{#unless @last}}, {{/unless}}
            </span>
            {{/ifCond}}
          {{/if}}
          {{/each}}
        </div>
      </div>
    </div>
  </div>

  {{!-- Tooltip --}}
  {{PARTIAL "Tooltip"}}

  {{!-- Header --}}
  <header class="char-sheet-header npc-header">
    
    {{!-- Attributes --}}
    <div class="attributes-column margin-right-5">
      <div class="check-buttons">
        <div class="roll-button rollable margin-right-2 save-button" data-check-key="phy" data-roll="d20 + @special.phySave" title="{{localize 'dc20rpg.sheet.rollMenu.phySaveTitle'}}" data-label="{{localize 'dc20rpg.sheet.rollMenu.phySave'}}" data-type="save">
          <span class="original">{{localize 'dc20rpg.sheet.rollMenu.phySave'}}</span>
          <span class="hovered bigger">{{numberFormat system.special.phySave decimals=0 sign=true}}</span>
        </div>
        <div class="roll-button rollable margin-left-2 save-button" data-check-key="men" data-roll="d20 + @special.menSave" title="{{localize 'dc20rpg.sheet.rollMenu.menSaveTitle'}}" data-label="{{localize 'dc20rpg.sheet.rollMenu.menSave'}}" data-type="save">
          <span class="original">{{localize 'dc20rpg.sheet.rollMenu.menSave'}}</span>
          <span class="hovered bigger">{{numberFormat system.special.menSave decimals=0 sign=true}}</span>
        </div>
      </div>

      <div class="attributes-wrapper">
        {{!-- TODO: Fix it in the future --}}
        {{!-- {{#ifCond system.attributePoints.left '!==' 0}}
        <div class="points-left letter-circle-icon small" title="{{localize 'dc20rpg.sheet.attributes.pointsLeft'}}">
          <span>{{system.attributePoints.left}}</span>
        </div>
        {{/ifCond}} --}}
        {{#if system.shareWithCompanionOwner.prime}}
        <div class="companion-link-marker" title="Prime Attribute is shared with companion's owner">
          <i class="fa-solid fa-link"></i>
        </div>
        {{/if}}
        <div class="attributes grid grid-2col">
          {{#each attributes as |attribute key|}}
          {{#ifCond key '!==' "prime"}}
          <div class="attribute {{#ifCond @root.system.details.primeAttrKey '===' key}}prime-attribute{{/ifCond}}" title="{{attribute.label}}">
            <div class="atr-name">
              <label>{{key}}</label>
            </div>
            <div class="value">
              <input class="change-actor-numeric-value" type="text" data-path="system.attributes.{{key}}.current" value="{{attribute.value}}" data-dtype="Number">
            </div>
            <div class="roll-buttons">
              <div class="roll-button check rollable" data-check-key="{{key}}" data-roll="d20+@attributes.{{key}}.check" data-label="{{attribute.label}} {{localize "dc20rpg.rollType.check"}}" data-type="attributeCheck" title="{{attribute.label}} {{localize "dc20rpg.rollType.check"}}">
                <span class="original">{{localize "dc20rpg.rollType.check"}}</span>
                <span class="hovered">{{numberFormat attribute.check decimals=0 sign=true}}</span>
              </div>
              <div class="save-mastery-container">
                <a class="activable fa-shield {{#if attribute.saveMastery}}fa-solid{{else}}fa-regular{{/if}}" data-path="system.attributes.{{key}}.saveMastery" title="Save Mastery"></a>
              </div>
              <div class="roll-button save rollable" data-check-key="{{key}}" data-roll="d20+@attributes.{{key}}.save" data-label="{{attribute.label}} {{localize "dc20rpg.rollType.save"}}" data-type="save" title="{{attribute.label}} {{localize "dc20rpg.rollType.save"}}">
                <span class="original">{{localize "dc20rpg.rollType.save"}}</span>
                <span class="hovered">{{numberFormat attribute.save decimals=0 sign=true}}</span>
              </div>
            </div>
          </div>
          {{/ifCond}}
          {{/each}}
        </div>
      </div>
    </div>

    {{!-- Resources --}}
    <div class="resource-column margin-right-2">
      {{!-- Action Points --}}
      {{#if system.shareWithCompanionOwner.ap}}
      <div class="companion-link-marker" title="{{localize 'dc20rpg.sheet.companionLink'}}">
        <i class="fa-solid fa-link"></i>
      </div>
      {{/if}}
      <div class="icon-resource actions" title="{{localize 'dc20rpg.resource.ap'}}">
        <div class="points">
          {{{icon-printer-empty system.resources.ap.value system.resources.ap.max 4 "fa-solid fa-dice-d6 fa-2x ap" "fa-light fa-dice-d6 fa-2x ap" system.globalModifier.prevent.goUnderAP "#b20000"}}}
        </div>
        {{#if @root.editMode}}
        <div class="max-points">
          <input class="edit-max-ap" type="text" value="{{system.resources.ap.max}}" title="Max Action Points" data-dtype="Number"/>
        </div>
        {{/if}}
        <div class="buttons grid grid-no-gap grid-no-margin" style="grid-template-columns:0.25fr 0.25fr 0.5fr">
          <button class="use-ap" title="{{localize 'dc20rpg.sheet.resource.useAp'}}"> - 1 </button>
          <button class="regain-ap" title="{{localize 'dc20rpg.sheet.resource.regainAp'}}"> + 1 </button>
          <button class="regain-all-ap"> {{localize 'dc20rpg.sheet.resource.regainAllAp'}} </button>
        </div>
      </div>

      {{!-- HP Bar --}}
      {{#if system.shareWithCompanionOwner.health}}
      <div class="companion-link-marker" title="{{localize 'dc20rpg.sheet.companionLink'}}">
        <i class="fa-solid fa-link"></i>
      </div>
      {{/if}}
      <div class="resource hp-background margin-top-10" title="{{localize 'dc20rpg.resource.health'}}">
        <div class="above-bar margin-top-auto">
          <div class="temporary-hp" title="{{localize 'dc20rpg.resource.tempHp'}}">
            <input class="temporary-input change-actor-numeric-value" type="text" data-path="system.resources.health.temp" value="{{system.resources.health.temp}}" data-dtype="Number" placeholder="+Temp">
          </div>
        </div>
        
        <div class="resource-bar-wrapper">
          <button class="health spend-resource fas fa-solid fa-minus" data-key="health" data-amount="1" title="{{localize 'dc20rpg.sheet.resource.spendHealth'}}"></button>
          <div class="resource-bar">
            <div class="health-bar-temp" style="width: {{system.resources.health.percentTemp}}%"></div>
            <div class="health-bar" style="width: {{system.resources.health.percent}}%"></div>
            <div class="resource-content">
              <div class="resource-values">
                <input class="bar-input change-actor-numeric-value" type="text" data-path="system.resources.health.current" value="{{system.resources.health.current}}" data-dtype="Number">
                <span class="separator"> / </span>
                <input {{#unless system.resources.health.useFlat}}disabled{{/unless}} class="bar-input change-actor-numeric-value " type="text" data-path="system.resources.health.max" value="{{system.resources.health.max}}" data-dtype="Number">
              </div>
            </div>
          </div>
          <button class="health regain-resource fas fa-solid fa-plus" data-key="health" data-amount="1" title="{{localize 'dc20rpg.sheet.resource.regainHealth'}}"></button>
        </div>
      </div>

      {{!-- Custom Resource --}}
      <div class="custom-resource-wrapper">
        {{!-- Custom Resource --}}
        {{#each system.resources.custom as |resource key|}}
        <div class="custom-resource margin-bottom-3" title="{{resource.name}}" data-key="{{key}}" data-type="resource">
          <img class="resource-icon {{#if @root.editMode}}edit-resource-img{{/if}}" src="{{resource.img}}" {{#if @root.editMode}} data-key="{{key}}"{{/if}}/>
          <div class="resource-charges">
            <input type="text" name="system.resources.custom.{{key}}.value" value="{{resource.value}}" data-dtype="Number"/>
            <span class="separator">/</span>
            <input disabled type="text" name="system.resources.custom.{{key}}.max" value="{{resource.max}}" data-dtype="Number"/>
          </div>
          {{#if @root.editMode}}
          <div class="resource-buttons">
            <a class="edit-resource fa-solid fa-gear fa-sm" data-key="{{key}}" title="{{localize 'dc20rpg.sheet.editResource'}}"></a>
            <a class="remove-resource fa-solid fa-trash fa-sm" data-key="{{key}}" title="{{localize 'dc20rpg.sheet.removeResource'}}"></a>
          </div>
          {{else}}
            <div class="resource-buttons">
              <a class="spend-regain-custom-resource fa-solid fa-plus-minus fa-sm" data-key="{{key}}" title="{{localize 'dc20rpg.sheet.resource.spendRegainCustomResouce'}}"></a>
            </div>
          {{/if}}
        </div>
        {{/each}}

        {{!-- Item Charges as Resource --}}
        {{#each itemChargesAsResources as |resource key|}}
        <div class="custom-resource margin-bottom-3" title="{{resource.name}}">
          <img class="resource-icon" src="{{resource.img}}"/>
          <div class="resource-charges">
            <input class="current-charges update-charges" type="text" value="{{resource.value}}" data-dtype="Number" data-item-id="{{key}}"/>
            <span class="separator">/</span>
            <input disabled type="text" value="{{resource.max}}" data-dtype="Number"/>
          </div>
          <i class="fa-solid fa-bolt margin-right-3" title="{{localize 'dc20rpg.sheet.itemCharges'}}"></i>
        </div>
        {{/each}}

        {{!-- Item Quantity as Resource --}}
        {{#each itemQuantityAsResources as |resource key|}}
        <div class="custom-resource margin-bottom-3" title="{{resource.name}}">
          <img class="resource-icon" src="{{resource.img}}"/>
          <div class="resource-charges">
            <input class="change-item-numeric-value" type="text" value="{{resource.quantity}}" data-item-id="{{key}}" data-path="system.quantity">
          </div>
          <i class="fa-solid fa-boxes-stacked margin-right-3" title="{{localize 'dc20rpg.sheet.itemQuantity'}}"></i>
        </div>
        {{/each}}

        {{#if @root.editMode}}
        <div class="special-resources-buttons margin-bottom-3">
          <a class="add-custom-resource fa-solid fa-square-plus fa-2x" title="{{localize 'dc20rpg.sheet.addResource'}}"></a>
          <a class="add-legendary-resources fa-solid fa-brands fa-square-web-awesome fa-2x" title="{{localize 'dc20rpg.sheet.addLegendaryResources'}}"></a>
        </div>
        {{/if}}
      </div>
    </div>

    {{!-- Combat Info --}}
    <div class="combat-info-column">
      {{!-- Defences --}}
      <div class="defences grid">
        <div class="defence precision" title="{{localize 'dc20rpg.sheet.precisionDefence'}}">
          <div class="big-icon value value-precision">
            <input class="change-actor-numeric-value" {{#ifCond system.defences.precision.formulaKey '!==' "flat"}} disabled {{/ifCond}} 
              type="text" value="{{system.defences.precision.value}}" data-path="system.defences.precision.normal" data-dtype="Number"/>
          </div>
          <div class="dmg-treshold" title="{{localize 'dc20rpg.hit.heavy'}}">
            <span>{{system.defences.precision.heavy}}</span>
          </div>
          <div class="dmg-treshold" title="{{localize 'dc20rpg.hit.brutal'}}">
            <span>{{system.defences.precision.brutal}}</span>
          </div>
        </div>
        <div class="defence area" title="{{localize 'dc20rpg.sheet.areaDefence'}}">
          <div class="big-icon value value-area">
            <input class="change-actor-numeric-value" {{#ifCond system.defences.area.formulaKey '!==' "flat"}} disabled {{/ifCond}} 
              type="text" value="{{system.defences.area.value}}" data-path="system.defences.area.normal" data-dtype="Number"/>
          </div>
          <div class="dmg-treshold" title="{{localize 'dc20rpg.hit.heavy'}}">
            <span>{{system.defences.area.heavy}}</span>
          </div>
          <div class="dmg-treshold" title="{{localize 'dc20rpg.hit.brutal'}}">
            <span>{{system.defences.area.brutal}}</span>
          </div>
        </div>
        <div class="defence-icons">
          <div class="def-icon heavy" title="{{localize 'dc20rpg.hit.heavy'}}"></div>
          <div class="def-icon brutal" title="{{localize 'dc20rpg.hit.brutal'}}"></div>
        </div>
      </div>

      {{!-- PDR, MDR, EDR --}}
      <div class="drs grid grid-3col">
        <i class="pdr fa-lg fa-shield fa-solid {{#if system.damageReduction.pdr.active}}active{{/if}}" title="{{localize "dc20rpg.damageReduction.pdr"}} - {{#if system.damageReduction.pdr.active}}Active{{else}}Inactive{{/if}}"></i>
        <i class="edr fa-lg fa-fire-flame-curved fa-solid {{#if system.damageReduction.edr.active}}active{{/if}}" title="{{localize "dc20rpg.damageReduction.edr"}} - {{#if system.damageReduction.edr.active}}Active{{else}}Inactive{{/if}}"></i>
        <i class="mdr fa-lg fa-brain fa-solid {{#if system.damageReduction.mdr.active}}active{{/if}}" title="{{localize "dc20rpg.damageReduction.mdr"}} - {{#if system.damageReduction.mdr.active}}Active{{else}}Inactive{{/if}}"></i>
      </div>

      {{!-- Movements --}}
      <div class="movements">
        <div class="big-icon ground-speed">
          <div class="speed-value" title="{{localize 'dc20rpg.speed.ground'}}">
            <input class="change-actor-numeric-value" type="text" value="{{system.movement.ground.current}}" data-path="system.movement.ground.value" data-dtype="Number" {{#unless system.movement.ground.useCustom}}disabled{{/unless}}/>
          </div>
          <div class="jump-distance" title="{{localize 'dc20rpg.speed.jump'}}">
            <input class="change-actor-numeric-value" type="text" value="{{system.jump.current}}" data-path="system.jump.value" data-dtype="Number" {{#ifCond system.jump.key '!==' "flat"}}disabled{{/ifCond}}/>
          </div>
        </div>
        <div class="speed-types">
          <div class="speed climbing" title="{{localize 'dc20rpg.speed.climbing'}}">
            <input class="change-actor-numeric-value" type="text" value="{{system.movement.climbing.current}}" data-path="system.movement.climbing.value" data-dtype="Number" {{#unless system.movement.climbing.useCustom}}disabled{{/unless}}/>
          </div>
          <div class="speed glide" title="{{localize 'dc20rpg.speed.gliding'}}">
            <input class="change-actor-numeric-value" type="text" value="{{system.movement.glide.current}}" data-path="system.movement.glide.value" data-dtype="Number" {{#unless system.movement.glide.useCustom}}disabled{{/unless}}/>
          </div>
          <div class="speed flying" title="{{localize 'dc20rpg.speed.flying'}}">
            <input class="change-actor-numeric-value" type="text" value="{{system.movement.flying.current}}" data-path="system.movement.flying.value" data-dtype="Number" {{#unless system.movement.flying.useCustom}}disabled{{/unless}}/>
          </div>
          <div class="speed swimming" title="{{localize 'dc20rpg.speed.swimming'}}">
            <input class="change-actor-numeric-value" type="text" value="{{system.movement.swimming.current}}" data-path="system.movement.swimming.value" data-dtype="Number" {{#unless system.movement.swimming.useCustom}}disabled{{/unless}}/>
          </div>
          <div class="speed burrow" title="{{localize 'dc20rpg.speed.burrowing'}}">
            <input class="change-actor-numeric-value" type="text" value="{{system.movement.burrow.current}}" data-path="system.movement.burrow.value" data-dtype="Number" {{#unless system.movement.burrow.useCustom}}disabled{{/unless}}/>
          </div>
        </div>
      </div>
    </div>

    {{!-- Details column --}}
    <div class="details-column">
      {{!-- Check & Save --}}
      <div class="check-save-column">
        {{!-- Attack Modifier --}}
        <div class="sub-header margin-top-5">
          <span>{{localize 'dc20rpg.sheet.checkSave.title'}}</span>
        </div>
        <div class="check-buttons">
          <div class="roll-button rollable margin-right-2" data-check-key="att" data-roll="d20+@attackMod.value.martial" title="{{localize 'dc20rpg.sheet.checkSave.attackCheckTitle'}}" data-label="{{localize 'dc20rpg.sheet.checkSave.attackCheck'}}" data-type="attackCheck">
            <span class="original">{{localize 'dc20rpg.sheet.checkSave.attack'}}</span>
            <span class="hovered bigger">{{numberFormat system.attackMod.value.martial decimals=0 sign=true}}</span>
          </div>
          <div class="roll-button rollable margin-left-2" data-check-key="spe" data-roll="d20+@attackMod.value.spell" title="{{localize 'dc20rpg.sheet.checkSave.spellCheckTitle'}}" data-label="{{localize 'dc20rpg.sheet.checkSave.spellCheck'}}" data-type="spellCheck">
            <span class="original">{{localize 'dc20rpg.sheet.checkSave.spell'}}</span>
            <span class="hovered bigger">{{numberFormat system.attackMod.value.spell decimals=0 sign=true}}</span>
          </div>
        </div>
        <div class="check-buttons">
          {{!-- Prime Check --}}
          <div class="roll-button rollable margin-right-2" data-check-key="prime" data-roll="d20+@system.attributes.prime.check" title="{{localize 'dc20rpg.sheet.rollMenu.prime'}}" data-label="{{localize 'dc20rpg.sheet.rollMenu.prime'}}" data-type="">
            <span class="original">{{localize 'dc20rpg.sheet.checkSave.prime'}}</span>
            <span class="hovered bigger">{{numberFormat system.attributes.prime.check decimals=0 sign=true}}</span>
          </div>
          {{#ifCond skills.allSkills.acr '&&' skills.allSkills.ath}}
          <div class="roll-button rollable margin-left-2" data-check-key="mar" data-roll="d20+@special.marCheck" title="{{localize 'dc20rpg.sheet.checkSave.spellCheckTitle'}}" data-label="{{localize 'dc20rpg.sheet.rollMenu.martial'}}" data-type="skillCheck">
            <span class="original">{{localize 'dc20rpg.sheet.checkSave.martial'}}</span>
            <span class="hovered bigger">{{numberFormat system.special.marCheck decimals=0 sign=true}}</span>
          </div>
          {{/ifCond}}
        </div>

        {{!-- Initiative --}}
        <div class="check-buttons">
          <div class="roll-button initiative-roll margin-left-2" title="{{localize 'dc20rpg.sheet.rollMenu.initiative.roll'}}" data-label="{{localize 'dc20rpg.sheet.rollMenu.martial'}}">
            <span class="original">{{localize 'dc20rpg.sheet.rollMenu.initiative.title'}}</span>
            <span class="hovered bigger">{{numberFormat system.special.initiative decimals=0 sign=true}}</span>
          </div>
        </div>

        <div class="saves">
          {{#ifCond system.saveDC.value.martial '!==' system.saveDC.value.spell}}
          <div class="martial value-box" title="{{localize 'dc20rpg.sheet.checkSave.martialSave'}}" data-label="{{localize 'dc20rpg.sheet.checkSave.martialSave'}}" data-type="attackCheck">
            <span class="title">{{localize 'dc20rpg.sheet.checkSave.martialSaveLabel'}}:</span>
            <span class="value">{{numberFormat system.saveDC.value.martial decimals=0 sign=false}}</span>
          </div>
          <div class="spell value-box" data-roll="d20+@attackMod.value.spell" title="{{localize 'dc20rpg.sheet.checkSave.spellSave'}}" data-label="{{localize 'dc20rpg.sheet.checkSave.spellSave'}}" data-type="spellCheck">
            <span class="title">{{localize 'dc20rpg.sheet.checkSave.spellSaveLabel'}}:</span>
            <span class="value">{{numberFormat system.saveDC.value.spell decimals=0 sign=false}}</span>
          </div>
          {{else}}
          <div class="martial value-box wide-box" title="{{localize 'dc20rpg.sheet.checkSave.saveTitle'}}" data-label="{{localize 'dc20rpg.sheet.checkSave.martialSave'}}" data-type="attackCheck">
            <span class="title">{{localize 'dc20rpg.sheet.checkSave.saveTitle'}}:</span>
            <span class="value">{{numberFormat system.saveDC.value.martial decimals=0 sign=false}}</span>
          </div>
          {{/ifCond}}
        </div>
      </div>
    </div>
  </header>

  {{!-- Body --}}
  <section class="char-sheet-body npc-body">
    {{PARTIAL "Context Menu"}}
    {{!-- Core Tab --}}
    <div class="tab core-tab" data-group="primary" data-tab="core">
      <div class="second-row margin-top-10">
        <div class="oneliner-wrapper">
          {{!-- Damage Reduction oneliner --}}
          <div class="oneliner">
            <div class="oneliner-header">
              <span>{{localize "dc20rpg.sheet.dmgTypes.title"}}</span>
            </div> 
            <div class="oneliner-content">
              {{#each oneliners.damageReduction as |oneliner key|}}
              <div class="margin-top-2">
                <img src="systems/dc20rpg/images/sheet/resistances/{{key}}.svg"/>
                <span>{{oneliner}}</span>
              </div>
              {{/each}}
            </div>
          </div>

          {{!-- Status Resistances oneliner --}}
          <div class="oneliner">
            <div class="oneliner-header">
              <span>{{localize "dc20rpg.sheet.condImm.title"}}</span>
            </div>
            <div class="oneliner-content">
              {{#each oneliners.statusResistances as |oneliner key|}}
              <div class="margin-top-2">
                <img src="systems/dc20rpg/images/statuses/{{key}}.svg" style="background-color: black;"/>
                <span>{{oneliner}}</span>
              </div>
              {{/each}}
              {{#if system.customCondition}}
              <div class="margin-top-2">
                <i class="fa-solid fa-square"></i>
                <span>{{system.customCondition}}</span>
              </div>
              {{/if }}
            </div>
          </div>

        {{!-- Skills --}}
        <div class="oneliner">
          <div class="oneliner-header">
            <span>{{localize "dc20rpg.sheet.skills.skillsTitle"}}</span>
          </div> 
          <div class="oneliner-content">
            {{#each skills.allSkills as |skill key|}}
            {{#if mastery}}
            <div class="margin-top-2">
              <i class="fa-solid fa-square"></i>
              <a class="rollable" title="{{localize 'dc20rpg.sheet.skills.roll'}}" data-roll="d20+@skills.{{key}}.modifier" 
                data-label="{{skill.label}} {{localize "dc20rpg.rollType.check"}}" data-type="skillCheck" data-check-key="{{key}}">
                {{skill.label}}({{skill.modifier}})
              </a>
            </div>
            {{/if}}
            {{/each}}
          </div>
        </div>
        </div>

        <div class="table-wrapper">
          <div class="top-menu">
            {{#if @root.editMode}}
            <div class="top-menu-buttons">
              <a class="item-create" title="{{localize 'dc20rpg.sheet.items.createItem'}}"><i class="fa-lg fa-solid fa-plus"></i><i class="fa-lg fa-solid fa-sack"></i></a>
              <a class="open-compendium margin-left-5" title="{{localize "dc20rpg.sheet.openCompendium"}}" data-item-type="weapon" data-unlock="true"><i class="fa-lg fa-solid fa-book-atlas"></i></a>
              <a class="table-create margin-left-5" title="{{localize 'dc20rpg.sheet.itemTable.createTable'}}" data-tab="main"><i class="fa-lg fa-solid fa-diagram-predecessor"></i></a>
            </div>
            {{else}}
            <div class="filter" title="{{localize 'dc20rpg.sheet.itemTable.filterByName'}}">
              <i class="fa-solid fa-magnifying-glass"></i>
              <input type="text" name="flags.dc20rpg.headerFilters.main" value="{{flags.dc20rpg.headerFilters.main}}"/>
            </div>
            {{/if}}
            <a class="activable base-action-switch" title="{{varLocalize 'dc20rpg.sheet.showsActions.' flags.dc20rpg.showBasicActions ''}}" data-path="flags.dc20rpg.showBasicActions">
              <i class=" fa-solid fa-lg {{#if flags.dc20rpg.showBasicActions}}fa-star{{else}}fa-dice-d6{{/if}}"></i>
            </a>
          </div>

          {{#if @root.flags.dc20rpg.showBasicActions}}
          <div class="actions">
            {{item-table false basic "basic" @root.weaponsOnActor}}
          </div>
          {{else}}
          <div class="main">
            {{item-table @root.editMode main "main" @root.weaponsOnActor}} 
          </div>
          {{/if}}
        </div>
      </div>
    </div>

    {{!-- Effects Tab --}}
    <div class="tab effects-tab" data-group="primary" data-tab="effects">
      <div class="active-effects">
        <div class="letter-circle-icon clickable" title="{{localize 'dc20rpg.sheet.effects.showHideInactive'}}">
          {{{show-hide-toggle flags.dc20rpg.showInactiveEffects "flags.dc20rpg.showInactiveEffects"}}}
        </div>
        <div class="letter-circle-icon clickable small" title="{{localize 'dc20rpg.sheet.effects.showHideInactive'}}" style="top:-11px;right:20px;">
          <a class="effect-create fa-solid fa-hourglass-half" data-type="temporary" title="{{localize 'dc20rpg.item.sheet.effects.temporary'}}"></a>
        </div>
        <div class="letter-circle-icon clickable small" title="{{localize 'dc20rpg.sheet.effects.showHideInactive'}}" style="top:-11px;left:35px;">
          <a class="effect-create fa-solid fa-infinity" data-type="passive" title="{{localize 'dc20rpg.item.sheet.effects.passive'}}"></a>
        </div>
        <div class="grid grid-2col">
          {{effects-table @root.editMode effects.temporary effects.disabled flags.dc20rpg.showInactiveEffects}}
          {{effects-table @root.editMode effects.passive effects.inactive flags.dc20rpg.showInactiveEffects}}
        </div>
      </div>
      {{PARTIAL "Statuses"}}
    </div>

    {{!-- Journal Tab --}}
    <div class="tab journal-tab" data-group="primary" data-tab="journal">
      <div class="description-box">
        {{editor enriched.journal target="system.journal" button=true editable=editable engine="prosemirror"}}
      </div>
    </div>

    {{!-- Traits Tab --}}
    <div class="tab traits-tab" data-group="primary" data-tab="traits">
      <div class="top-menu">
        <span class="margin-left-10"> {{localize "dc20rpg.sheet.traits.pointsSpend"}}: {{choicePointsSpend}} </span>
      </div>
      <div class="grid grid-2col grid-no-margin">
        {{traits-table @root.editMode traits.uniqueActive traits.uniqueInactive "unique"}}
        {{traits-table @root.editMode traits.repeatableActive traits.repeatableInactive "repeatable"}}
      </div>
    </div>

    {{!-- Config Tab --}}
    <div class="tab config-tab" data-group="primary" data-tab="config">

      <div class="first-row">
        {{!-- Companion Config --}}
        <div class="sub-header big">
          {{localize "dc20rpg.sheet.companionConfig.title"}}
        </div>
        <div class="companion-config-wrapper grid grid-4col"> 
          {{#each shareWithCompanionOwner}} 
          <a class="companion-config activable-box activable {{#if active}}active{{/if}}" data-path="system.shareWithCompanionOwner.{{key}}"> 
            {{label}}
          </a>
          {{/each}}
        </div>

        {{!-- NPC Config --}}
        <div class="sub-header big margin-top-10">
          {{localize "dc20rpg.sheet.npcConfig.title"}}
        </div>
        <div class="npc-config-wrapper">
          {{!-- Check and Save --}}
          <div class="two-column-table">
            <div class="left-column">
              <div class="row ignore-symetry">
                <span>{{localize 'dc20rpg.sheet.checkSave.flatAttackMod'}}</span>
                <a class="short-row activable fa-2x {{#if system.attackMod.flat}}fa-solid fa-square-check{{else}}fa-regular fa-square{{/if}}" data-path="system.attackMod.flat"></a>
              </div>
              {{#if system.attackMod.flat}}
              <div class="row margin-top-3">
                <span>{{localize 'dc20rpg.sheet.checkSave.attackCheck'}}</span>
                <input type="text" name="system.attackMod.value.martial" value="{{system.attackMod.value.martial}}" data-dtype="Number"/>
              </div>
              <div class="row margin-top-3">
                <span>{{localize 'dc20rpg.sheet.checkSave.spellCheck'}}</span>
                <input type="text" name="system.attackMod.value.spell" value="{{system.attackMod.value.spell}}" data-dtype="Number"/>
              </div>
              {{/if}}
            </div>

            <div class="right-column">
              <div class="row ignore-symetry">
                <span>{{localize 'dc20rpg.sheet.checkSave.flatSaveDC'}}</span>
                <a class="short-row activable fa-2x {{#if system.saveDC.flat}}fa-solid fa-square-check{{else}}fa-regular fa-square{{/if}}" data-path="system.saveDC.flat"></a>
              </div>

              {{#if system.saveDC.flat}}
              <div class="row margin-top-3">
                <span>{{localize 'dc20rpg.sheet.checkSave.martialSave'}}</span>
                <input type="text" name="system.saveDC.value.martial" value="{{system.saveDC.value.martial}}" data-dtype="Number"/>
              </div>
              <div class="row margin-top-3">
                <span>{{localize 'dc20rpg.sheet.checkSave.spellSave'}}</span>
                <input type="text" name="system.saveDC.value.spell" value="{{system.saveDC.value.spell}}" data-dtype="Number"/>
              </div>
              {{/if}} 
            </div>
          </div>

          {{!-- Health --}}
          <div class="border-top row margin-top-3 padding-left-5">
            <span>{{localize "dc20rpg.sheet.npcConfig.useFlatHP"}}</span>
            <div class="input-select" style="margin-right: 6px;">
              {{#if system.resources.health.useFlat}}
              <input class="flat-value short margin-right-3 change-actor-numeric-value" type="number" value="{{system.resources.health.max}}" data-path="system.resources.health.max"/>
              {{/if}}
              <a class="activable" data-path="system.resources.health.useFlat">
                <i class="fa-2x {{#if system.resources.health.useFlat}}fa-solid fa-square-check{{else}}fa-regular fa-square{{/if}}"></i>
              </a>
            </div>
          </div>

          {{!-- Defences --}}
          <div class="two-column-table border-top">
            <div class="left-column">
              <div class="row ignore-symetry" title="{{localize "dc20rpg.sheet.npcConfig.calculationFormula"}}">
                <span>{{localize "dc20rpg.sheet.npcConfig.pdFormula"}}</span>
                <select name="system.defences.precision.formulaKey">
                  {{selectOptions config.DROPDOWN_DATA.precisionDefenceFormulasLabels selected=system.defences.precision.formulaKey}}
                </select>
              </div>
              {{#ifCond system.defences.precision.formulaKey '===' "flat"}}
              <div class="row ignore-symetry margin-top-3">
                <span>{{localize "dc20rpg.sheet.npcConfig.flat"}}</span>
                <input class="flat-value" type="number" value="{{system.defences.precision.normal}}" 
                        name="system.defences.precision.normal" title="{{localize "dc20rpg.dialog.config.defence.flat"}}"/>
              </div>
              {{/ifCond}}
              {{#ifCond system.defences.precision.formulaKey '===' "custom"}}
              <div class="row ignore-symetry margin-top-3">
                <span>{{localize "dc20rpg.sheet.npcConfig.customFormula"}}</span>
                <input class="formula" type="text" value="{{system.defences.precision.customFormula}}" 
                        name="system.defences.precision.customFormula" title="{{localize "dc20rpg.dialog.config.defence.formulaCustom"}}"/>
              </div>
              {{/ifCond}}
            </div>

            <div class="right-column">
              <div class="row ignore-symetry" title="{{localize "dc20rpg.sheet.npcConfig.calculationFormula"}}">
                <span>{{localize "dc20rpg.sheet.npcConfig.adFormula"}}</span>
                <select name="system.defences.area.formulaKey">
                  {{selectOptions config.DROPDOWN_DATA.areaDefenceFormulasLabels selected=system.defences.area.formulaKey}}
                </select>
              </div>
              {{#ifCond system.defences.area.formulaKey '===' "flat"}}
              <div class="row ignore-symetry margin-top-3">
                <span>{{localize "dc20rpg.sheet.npcConfig.flat"}}</span>
                <input class="flat-value" type="number" value="{{system.defences.area.normal}}" 
                        name="system.defences.area.normal" title="{{localize "dc20rpg.dialog.config.defence.flat"}}"/>
              </div>
              {{/ifCond}}
              {{#ifCond system.defences.area.formulaKey '===' "custom"}}
              <div class="row ignore-symetry margin-top-3">
                <span>{{localize "dc20rpg.sheet.npcConfig.customFormula"}}</span>
                <input class="formula" type="text" value="{{system.defences.area.customFormula}}" 
                        name="system.defences.area.customFormula" title="{{localize "dc20rpg.dialog.config.defence.formulaCustom"}}"/>
              </div>
              {{/ifCond}}
            </div>
          </div>
          
          {{!-- Speed and Jump --}}
          <div class="border-top">
            <div class="row long-row" title="{{localize "dc20rpg.sheet.npcConfig.jumpKey"}}">
              <span>{{localize "dc20rpg.sheet.npcConfig.jumpKey"}}</span>
              <select name="system.jump.key">
                {{selectOptions config.DROPDOWN_DATA.jumpCalculationKeys selected=system.jump.key}}
              </select>
            </div>

            {{#each system.movement as |speed key|}}
            <div class="row long-row margin-top-3">
              <span>{{varLocalize 'dc20rpg.dialog.config.movement.' key '.useCustom'}}</span>
              <div class="input-select">
                {{#if speed.useCustom}}
                <input class="flat-value short margin-right-3" type="number" value="{{speed.value}}" name="system.movement.{{key}}.value" title="{{varLocalize 'dc20rpg.dialog.config.movement.' key '.speed'}}"/>
                {{/if}}
                <a class="activable" data-path="system.movement.{{key}}.useCustom">
                  <i class="fa-2x {{#if speed.useCustom}}fa-solid fa-square-check{{else}}fa-regular fa-square{{/if}}"></i>
                </a>
              </div>
            </div>
            {{/each}}
          </div>
        </div>

      </div>
      
      {{!-- Override Attack Check and Saves --}}

      {{!-- Skills and Reductions --}}
      <div class="second-row grid grid-3col">
        {{!-- Damage Reduction --}}
        <div class="border-box content-box no-small-boxes dmg-reduction">
          <div class="box-inner no-padding">
            <div class="table-header">
              <span class="title">{{localize 'dc20rpg.sheet.dmgTypes.title'}}</span>
            </div>

            {{!-- Damage Type Specific Reductions --}}
            <div class="table-row dmg-reduction-sub-header">
              <div class="column" title="{{localize 'dc20rpg.sheet.dmgTypes.dmgTypeTitle'}}"><i></i></div>
              <div class="column" title="{{localize 'dc20rpg.sheet.dmgTypes.vulnerabilityHalf'}}"><i class="fa-lg fa-solid fa-heart-crack"></i></div>
              <div class="column" title="{{localize 'dc20rpg.sheet.dmgTypes.vulnerabilityX'}}"><i class="fa-lg fa-solid fa-heart-pulse"></i></div>
              <div class="column" title="{{localize 'dc20rpg.sheet.dmgTypes.resistanceX'}}"><i class="fa-lg fa-solid fa-shield-heart"></i></div>
              <div class="column" title="{{localize 'dc20rpg.sheet.dmgTypes.resistanceHalf'}}"><i class="fa-solid fa-lg fa-shield-halved"></i></div>
              <div class="column" title="{{localize 'dc20rpg.sheet.dmgTypes.resistanceImmune'}}"><i class="fa-lg fa-solid fa-shield"></i></div>
            </div>

            {{#each system.damageReduction.damageTypes as |dmgType key|}}
            <div class="table-row dmg-reduction-row">
              <div class="column icon" title="{{dmgType.label}}">
                <img src="systems/dc20rpg/images/sheet/resistances/{{key}}.svg"/>
              </div>
              <div class="column" title="{{dmgType.label}} {{localize 'dc20rpg.sheet.dmgTypes.vulnerabilityHalf'}}">
                <a class="activable fa-lg {{#if dmgType.vulnerability}}fa-solid fa-square-check{{else}}fa-regular fa-square{{/if}}" data-path="system.damageReduction.damageTypes.{{key}}.vulnerability"></a>
              </div>
              <div class="column" title="{{dmgType.label}} {{localize 'dc20rpg.sheet.dmgTypes.vulnerabilityX'}}"><input class="change-actor-numeric-value" type="number" data-path="system.damageReduction.damageTypes.{{key}}.vulnerable" value="{{dmgType.vulnerable}}"/></div>
              <div class="column" title="{{dmgType.label}} {{localize 'dc20rpg.sheet.dmgTypes.resistanceX'}}"><input class="change-actor-numeric-value" type="number" data-path="system.damageReduction.damageTypes.{{key}}.resist" value="{{dmgType.resist}}"/></div>
              <div class="column" title="{{dmgType.label}} {{localize 'dc20rpg.sheet.dmgTypes.resistanceHalf'}}">
                <a class="activable fa-lg {{#if dmgType.resistance}}fa-solid fa-square-check{{else}}fa-regular fa-square{{/if}}" data-path="system.damageReduction.damageTypes.{{key}}.resistance"></a>
              </div>
              <div class="column" title="{{dmgType.label}} {{localize 'dc20rpg.sheet.dmgTypes.resistanceImmune'}}">
                <a class="activable fa-lg {{#if dmgType.immune}}fa-solid fa-square-check{{else}}fa-regular fa-square{{/if}}" data-path="system.damageReduction.damageTypes.{{key}}.immune"></a>
              </div>
            </div>
            {{/each}}
          </div>
        </div>

        {{!-- Status Resistances --}}
        <div class="border-box content-box no-small-boxes conditions">
          <div class="box-inner no-padding">
            <div class="table-header">
              <span class="title">{{localize 'dc20rpg.sheet.condImm.title'}}</span>
            </div>

            <div class="table-row condition-row condition-sub-header">
              <div class="column"><i></i></div>
              <div class="column"><i></i></div>
              <div class="column" title="{{localize 'dc20rpg.sheet.condImm.vulnerability'}}"><i class="fa-lg fa-solid fa-heart-crack"></i></div>
              <div class="column" title="{{localize 'dc20rpg.sheet.condImm.resistance'}}"><i class="fa-lg fa-solid fa-shield-halved"></i></div>
              <div class="column" title="{{localize 'dc20rpg.sheet.condImm.immunity'}}"><i class="fa-lg fa-solid fa-shield"></i></div>
            </div>

            {{#each system.statusResistances as |condition key|}}
            <div class="table-row condition-row">
              <div class="column icon" title="{{dmgType.label}}">
                <img src="systems/dc20rpg/images/statuses/{{key}}.svg"/>
              </div>
              <input disabled class="column name" type="text" name="system.skills.{{key}}.label" value="{{condition.label}}">
              <div class="column" title="{{condition.label}} {{localize 'dc20rpg.sheet.condImm.vulnerability'}}"><input class="change-actor-numeric-value" type="number" data-path="system.statusResistances.{{key}}.vulnerability" value="{{condition.vulnerability}}"/></div>
              <div class="column" title="{{condition.label}} {{localize 'dc20rpg.sheet.condImm.resistance'}}"><input class="change-actor-numeric-value" type="number" data-path="system.statusResistances.{{key}}.resistance" value="{{condition.resistance}}"/></div>
              <div class="column" title="{{condition.label}} {{localize 'dc20rpg.sheet.condImm.immunity'}}">
                <a class="activable fa-lg {{#if condition.immunity}}fa-solid fa-square-check{{else}}fa-regular fa-square{{/if}}" data-path="system.statusResistances.{{key}}.immunity"></a>
              </div>
            </div>
            {{/each}}

            <div class="table-row custom-condition-row" title="{{localize 'dc20rpg.sheet.condImm.custom'}}">
              <div class="column custom">
                <span>Custom:</span>
                <textarea type="text" name="system.customCondition">{{system.customCondition}}</textarea>
              </div>
            </div>
          </div>
        </div>

        <div class="skill-lang-wrapper">
          {{!-- Skills --}}
          <div class="border-box content-box no-small-boxes skills-box">
            <div class="box-inner no-padding">
              <div class="skills-header table-header">
                <span class="title">{{localize 'dc20rpg.sheet.skills.skillsTitle'}}</span>
              </div>
              <div class="skills">
                {{#each skills.allSkills as |skill key|}}
                <div class="table-row skill-row journal-tooltip" data-header="{{skill.label}}" data-uuid="{{labelFromKey key @root.config.SYSTEM_CONSTANTS.JOURNAL_UUID.skillsJournal}}">
                  <div class="skill-mastery">
                    <div class="letter-circle-icon small clickable" title="{{skill.masteryLabel}}">
                      <a class="skill-mastery-toggle" data-type="skills" data-key="{{key}}">{{skill.short}}</a>
                    </div>
                  </div>
                  <input disabled class="name" type="text" name="system.skills.{{key}}.label" value="{{skill.label}}" title="{{skill.label}}">
                  <div class="modifier"><input disabled value="{{skill.modifier}}"/></div>
                  <a class="rollable fa-solid fa-dice-d20 fa-lg margin-right-3" title="{{localize 'dc20rpg.sheet.skills.roll'}}" data-roll="d20+@skills.{{key}}.modifier" 
                      data-label="{{skill.label}} {{localize "dc20rpg.rollType.check"}}" data-type="skillCheck" data-check-key="{{key}}">
                  </a>
                </div>
                {{/each}}
              </div>
            </div>
          </div>
          {{!-- Languages --}}
          <div class="border-box content-box no-small-boxes skills-box margin-top-5">
            <div class="box-inner no-padding">
              <div class="skills-header table-header">
                <span class="title">{{localize 'dc20rpg.sheet.skills.languageTitle'}}</span>
              </div>
              <div class="skills">
                {{#each skills.languages as |lang key|}}
                <div class="table-row skill-row journal-tooltip" data-header="{{lang.label}}" data-uuid="{{labelFromKey key @root.config.SYSTEM_CONSTANTS.JOURNAL_UUID.languagesJournal}}">
                  <div class="skill-mastery">
                    <div class="letter-circle-icon small clickable" title="{{lang.masteryLabel}}">
                      <a class="language-mastery-toggle" data-path="system.languages.{{key}}.mastery">{{lang.short}}</a>
                    </div>
                  </div>
                  <input class="name" type="text" name="system.languages.{{key}}.label" value="{{lang.label}}" title="{{lang.label}}">
                  {{#ifCond mastery '===' 1}}
                  <a class="rollable fa-solid fa-dice-d20 fa-lg margin-right-3" data-type="lang" data-check-key="lang" data-roll="d20 + max(@int, @cha)" 
                      data-label="{{lang.label}} {{localize "dc20rpg.rollType.check"}}" title="{{localize 'dc20rpg.sheet.skills.roll'}}"></a>
                  {{/ifCond}}
                </div>
                {{/each}}
              </div>
            </div>
          </div>
        </div>
        
      </div>
    </div>
  </section>

  {{!-- Navigation --}}
  <nav class="char-sheet-navigation tabs npc-navigation" data-group="primary">
    <a class="item" data-tab="core" title="{{localize 'dc20rpg.sheet.nav.core'}}"><i class="fa-solid fa-lg fa-list-ul"></i></a>
    <a class="item" data-tab="effects" title="{{localize 'dc20rpg.sheet.nav.effects'}}"><i class="fa-solid fa-lg fa-bolt"></i></a>
    <a class="item" data-tab="journal" title="{{localize 'dc20rpg.sheet.nav.journal'}}"><i class="fa-solid fa-lg fa-feather"></i></a>
    <a class="item" data-tab="traits" title="{{localize 'dc20rpg.sheet.nav.traits'}}"><i class="fa-solid fa-lg fa-box"></i></a>
    <a class="item" data-tab="config" title="{{localize 'dc20rpg.sheet.nav.config'}}"><i class="fa-solid fa-lg fa-gear"></i></a>
  </nav>
</form>