<section class="mgne-sheet mgne-sheet-header">
  <div class="sheet-header">
    <div class="portrait-column">
      <img class="actor-portrait" src="{{actor.img}}" data-edit="img" data-action="editImage" alt="{{actor.name}}" />
    </div>
    <div class="header-fields">
      <input type="text" name="name" value="{{source.name}}" />

      <div class="grid two">
        <div>
          <label>{{localize "MGNE.Character.Background"}}</label>
          <input type="text" name="system.background" value="{{source.system.background}}" />
        </div>
        <div>
          <label>{{localize "MGNE.Character.Origin"}}</label>
          <input type="text" name="system.origin" value="{{source.system.origin}}" />
        </div>
        <div>
          <label>{{localize "MGNE.Character.Scars"}}</label>
          <input type="text" name="system.scars" value="{{source.system.scars}}" />
        </div>
        <div>
          <label>{{localize "MGNE.Character.Motivation"}}</label>
          <input type="text" name="system.motivation" value="{{source.system.motivation}}" />
        </div>
        <div>
          <label>{{localize "MGNE.Character.Vice"}}</label>
          <input type="text" name="system.vice" value="{{source.system.vice}}" />
        </div>
        <div class="header-resource">
          <div class="resource-box resource-box-track resource-box-compact resource-box-inline resource-box-inline-track">
            <label class="resource-label-accent">{{localize "MGNE.Common.HP"}}</label>
            <div class="resource-track">
              <div class="numeric-cluster">
                <span class="numeric-caption numeric-caption-strong">{{localize "MGNE.Common.Current"}}</span>
                <input class="numeric-input" type="number" name="system.hp.value" value="{{source.system.hp.value}}" />
              </div>
              <span class="track-separator">/</span>
              <div class="numeric-cluster">
                <span class="numeric-caption numeric-caption-strong">{{localize "MGNE.Common.Max"}}</span>
                <input class="numeric-input" type="number" name="system.hp.max" value="{{source.system.hp.max}}" />
              </div>
            </div>
            <div class="resource-box-actions resource-box-actions-rest">
              <button type="button" data-action="quickRest">{{localize "MGNE.Character.QuickRest"}}</button>
              <button type="button" data-action="fullRest">{{localize "MGNE.Character.FullRest"}}</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
