<div class="actor-header character-main-{{#if isPlayMode}}play{{else}}edit{{/if}}">
  <img class="actor-img" src="{{actor.img}}" data-edit="img" data-action="editImage" data-tooltip="{{actor.name}}" />
  <div class="actor-identity">
    {{formInput fields.name value=source.name classes="actor-name"}}
    <div class="actor-details">
      <div class="detail-item">
        <label>{{localize "AWEMMY.Character.Level"}}</label>
        {{formInput systemFields.level value=system.level disabled=isPlayMode}}
      </div>
      <div class="detail-item">
        <label>{{localize "AWEMMY.Character.Stride"}}</label>
        {{formInput systemFields.stride value=system.stride disabled=isPlayMode}}
      </div>
    </div>
  </div>

  <div class="actor-stats">
    {{!-- HP --}}
    <div class="resource-block">
      <label>{{localize "AWEMMY.Character.HP"}}</label>
      <div class="resource-values">
        {{formInput systemFields.hp.fields.value value=system.hp.value classes="hp-value"}}
        <span class="separator">/</span>
        {{formInput systemFields.hp.fields.max value=system.hp.max disabled=isPlayMode classes="hp-max"}}
      </div>
      <div class="resource-temp">
        <label>{{localize "AWEMMY.Character.HPTemp"}}</label>
        {{formInput systemFields.hp.fields.temp value=system.hp.temp classes="hp-temp"}}
      </div>
    </div>

    {{!-- Flow Points --}}
    <div class="resource-block">
      <label>{{localize "AWEMMY.Character.FlowPoints"}}</label>
      <div class="resource-values">
        {{formInput systemFields.flowPoints.fields.value value=system.flowPoints.value classes="fp-value"}}
      </div>
      <div class="resource-temp">
        <label>{{localize "AWEMMY.Character.FlowPointsTemp"}}</label>
        {{formInput systemFields.flowPoints.fields.temp value=system.flowPoints.temp classes="fp-temp"}}
      </div>
      {{#if isPlayMode}}
      <div class="resource-stepper">
        <button type="button" data-action="flowPointsPlus" data-tooltip="+1">+</button>
        <button type="button" data-action="flowPointsMinus" data-tooltip="-1">−</button>
      </div>
      {{/if}}
    </div>
  </div>

  <div class="sheet-controls">
    <button type="button" data-action="toggleSheet" data-tooltip="{{#if isPlayMode}}{{localize 'AWEMMY.Sheet.EditMode'}}{{else}}{{localize 'AWEMMY.Sheet.PlayMode'}}{{/if}}">
      {{#if isPlayMode}}<i class="fa-solid fa-lock"></i>{{else}}<i class="fa-solid fa-unlock"></i>{{/if}}
    </button>
  </div>
</div>
