<section class="party-main party-main-{{ifThen isPlayMode 'play' 'edit'}}">
  <fieldset class="party-header-fieldset">
    <div class="party-header">

      <!-- Portrait -->
      <div class="party-portrait-wrap">
        <img class="actor-img party-portrait" src="{{actor.img}}" data-edit="img" data-action="editImage" data-tooltip="{{actor.name}}" />
      </div>

      <!-- Name + Treasury -->
      <div class="party-header-body">
        <div class="character-name">
          {{formInput fields.name value=source.name rootId=partId disabled=isPlayMode}}
          <a class="control" data-action="toggleSheet" data-tooltip="OATHHAMMER.ToggleSheet" data-tooltip-direction="UP">
            <i class="fa-solid {{#if isPlayMode}}fa-users-viewfinder{{else}}fa-user-pen{{/if}}"></i>
          </a>
        </div>

        <!-- Treasury -->
        <div class="party-treasury">
          <span class="party-treasury-label">{{localize "OATHHAMMER.Label.Treasury"}}</span>

          <div class="party-currency party-currency-gp">
            <span class="currency-label">{{localize "OATHHAMMER.Label.GP"}}</span>
            <div class="currency-stepper">
              <a data-action="adjustCurrency" data-field="system.treasury.gp" data-delta="-1" class="currency-btn">−</a>
              <input type="number" name="system.treasury.gp" value="{{system.treasury.gp}}" min="0" {{#if isPlayMode}}disabled{{/if}} />
              <a data-action="adjustCurrency" data-field="system.treasury.gp" data-delta="1" class="currency-btn">+</a>
            </div>
          </div>

          <div class="party-currency party-currency-sp">
            <span class="currency-label">{{localize "OATHHAMMER.Label.SP"}}</span>
            <div class="currency-stepper">
              <a data-action="adjustCurrency" data-field="system.treasury.sp" data-delta="-1" class="currency-btn">−</a>
              <input type="number" name="system.treasury.sp" value="{{system.treasury.sp}}" min="0" {{#if isPlayMode}}disabled{{/if}} />
              <a data-action="adjustCurrency" data-field="system.treasury.sp" data-delta="1" class="currency-btn">+</a>
            </div>
          </div>

          <div class="party-currency party-currency-cp">
            <span class="currency-label">{{localize "OATHHAMMER.Label.CP"}}</span>
            <div class="currency-stepper">
              <a data-action="adjustCurrency" data-field="system.treasury.cp" data-delta="-1" class="currency-btn">−</a>
              <input type="number" name="system.treasury.cp" value="{{system.treasury.cp}}" min="0" {{#if isPlayMode}}disabled{{/if}} />
              <a data-action="adjustCurrency" data-field="system.treasury.cp" data-delta="1" class="currency-btn">+</a>
            </div>
          </div>

        </div><!-- /party-treasury -->

        <!-- Slots + Renown -->
        <div class="party-slots">
          <span class="party-slots-label">{{localize "OATHHAMMER.Label.Slots"}}</span>
          <span class="party-slots-current">{{currentSlots}}</span>
          <span class="party-slots-sep">/</span>
          <input class="party-slots-max" type="number" name="system.maxSlots" value="{{system.maxSlots}}" min="0" {{#if isPlayMode}}disabled{{/if}} />
          <span class="party-renown-label">{{localize "OATHHAMMER.Label.Renown"}}</span>
          <input class="party-renown-value" type="number" name="system.renown" value="{{system.renown}}" min="0" {{#if isPlayMode}}disabled{{/if}} />
        </div>
      </div><!-- /party-header-body -->
    </div>
  </fieldset>
</section>
