<form class='{{cssClass}}' autocomplete='off' style='scroll-padding-top: 5px;'>
  <div id='sheet-tab' class='gurpsactorsheet'>
    <div id='stats-tab'>
      {{>portrait}}
      <div id='attributes-tab'>
        {{>basic-attributes}}
        {{>secondary-attributes}}
      </div>
      <div id='hp-fp-tab'>
        {{#if useCI}}
          {{>conditional-injury}}
        {{else}}
          {{>hpfp-tracker
            name='HP'
            resource=system.HP
            label='GURPS.attributesHPNAME'
            editable=false
            condition='reeling'
            testcondition=system.conditions.reeling
          }}
        {{/if}}
        {{>hpfp-tracker
          name='FP'
          resource=system.FP
          label='GURPS.attributesFPNAME'
          editable=false
          condition='exhausted'
          testcondition=system.conditions.exhausted
        }}
      </div>
      {{>encumbrance}}
      {{>combat-info}}
      {{>quicknote}}
    </div>

    <nav id='nav-tabs' class='gurps-sheet-tabs' data-group='primary-tabs'>
      <li class='label'>{{localize 'GURPS.tabSheet.tabs'}}</li>
      <li>
        <a class='tab-item' data-tab='combat' title='{{localize "GURPS.combatTab"}}'>
          <span><i class='fa-solid fa-swords'></i></span>
        </a>
      </li>
      <li>
        <a class='tab-item' data-tab='personal' title='{{localize "GURPS.sheet.personal.tab"}}'>
          <span><i class='fa-solid fa-user'></i></span>
        </a>
      </li>
      <li>
        <a class='tab-item' data-tab='advantages' title='{{localize "GURPS.advantagesTab"}}'>
          <span><i class='fas fa-theater-masks'></i></span>
        </a>
      </li>
      <li>
        <a class='tab-item' data-tab='skills' title='{{localize "GURPS.skillsTab"}}'>
          <span><i class='fa-solid fa-person-swimming'></i></span>
        </a>
      </li>
      <li>
        <a class='tab-item' data-tab='stats' title='{{localize "GURPS.resourcesModsTab"}}'>
          <span><i class='fa-solid fa-bars-progress'></i></span>
        </a>
      </li>
      {{#if (notEmpty system.spells)}}
        <li>
          <a class='tab-item' data-tab='spells' title='{{localize "GURPS.spellsTab"}}'>
            <span><i class='fa-solid fa-wand-magic-sparkles'></i></span>
          </a>
        </li>
      {{/if}}
      <li>
        <a class='tab-item' data-tab='equipment' title='{{localize "GURPS.equipmentTab"}}'>
          <span><i class='fa-solid fa-screwdriver-wrench'></i></span>
        </a>
      </li>
    </nav>
    <section class='sheet-body tabbed-sheet'>
      <div class='tab' data-tab='personal' data-group='primary-tabs'>
        <div id='personal-tab'>
          {{>identity}}
          {{>miscellaneous}}
          {{>description}}
          {{>points}}
          {{>lifting}}
          {{>notes}}
        </div>
      </div>

      <div class='tab' data-tab='stats' data-group='primary-tabs'>
        {{>trackers}}
        {{#if (or (notEmpty system.reactions) (notEmpty system.conditionalmods))}}
          <div id='other' style='display: flex; flex-flow: row nowrap;'>
            {{#if (notEmpty system.reactions)}}{{>reactions}}{{/if}}
            {{#if (notEmpty system.conditionalmods)}}{{>conditionalmods}}{{/if}}
          </div>
        {{/if}}

      </div>

      <div class='tab' data-tab='combat' data-group='primary-tabs'>
        <div id='combat-tab'>
          {{#if (notEmpty system.melee)}}
            {{>melee}}
          {{/if}}
          {{>speed-range-table}}
          {{#if (notEmpty system.ranged)}}
            {{>ranged}}
          {{/if}}
          <div id='combat-sidebar'>
            {{>combat-status}}
            {{>locations parent=../data}}
          </div>
        </div>
      </div>

      <div class='tab' data-tab='advantages' data-group='primary-tabs'>
        {{>advantages}}
      </div>
      <div class='tab' data-tab='skills' data-group='primary-tabs'>
        {{>skills}}
      </div>
      {{#if (notEmpty system.spells)}}
        <div class='tab' data-tab='spells' data-group='primary-tabs'>
          {{>spells}}
        </div>
      {{/if}}
      <div class='tab' data-tab='equipment' data-group='primary-tabs'>
        {{>equipment container='carried' data=this.data}}
        {{>equipment container='other' data=this.data}}
      </div>
    </section>
  </div>
  {{>footer}}
</form>