<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="party-credits-row">
        <label class="resource-label-accent">{{localize "MGNE.Party.Credits"}}</label>
        <div class="party-credits-stepper">
          <button type="button" class="credits-btn" data-action="adjustCredits" data-delta="-10">−10</button>
          <button type="button" class="credits-btn" data-action="adjustCredits" data-delta="-1">−1</button>
          <input class="numeric-input credits-input" type="number" name="system.credits" value="{{source.system.credits}}" min="0" />
          <span class="credits-symbol">₵</span>
          <button type="button" class="credits-btn" data-action="adjustCredits" data-delta="1">+1</button>
          <button type="button" class="credits-btn" data-action="adjustCredits" data-delta="10">+10</button>
        </div>
      </div>
    </div>
  </div>
</section>
