<div class="actor-header">
  <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}}
      </div>
      <div class="detail-item">
        <label>{{localize "AWEMMY.Character.Stride"}}</label>
        {{formInput systemFields.stride value=system.stride}}
      </div>
      <div class="detail-item">
        <label>{{localize "AWEMMY.Character.HP"}}</label>
        {{formInput systemFields.hp.fields.value value=system.hp.value}}
        <span>/</span>
        {{formInput systemFields.hp.fields.max value=system.hp.max}}
      </div>
    </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>
