<div class="npc-main sheet-part">
  <header class="sheet-header">
    <div class="portrait" data-action="editImage">
      <img src="{{actor.img}}" alt="{{actor.name}}" class="actor-portrait">
    </div>
    <div class="header-fields">
      <div class="charname">
        {{#if isEditMode}}
          <input type="text" name="name" value="{{actor.name}}">
        {{else}}
          <h1 class="actor-name">{{actor.name}}</h1>
        {{/if}}
      </div>
      <div class="concept-row">
        {{#if isEditMode}}
          <input type="text" name="system.concept" value="{{system.concept}}"
                 placeholder="{{localize 'CELESTOPOL.Actor.concept'}}">
        {{else}}
          <span class="concept-display">{{system.concept}}</span>
        {{/if}}
      </div>
      <div class="header-stats-row">
        <div class="header-stat">
          <label>{{localize "CELESTOPOL.Actor.initiative"}}</label>
          <span>{{system.initiative}}</span>
        </div>
        <div class="header-stat">
          <label>{{localize "CELESTOPOL.Actor.anomaly"}}</label>
          {{#if isEditMode}}
            <select name="system.anomaly.type">
              {{#each anomalyTypes as |atype key|}}
              <option value="{{key}}" {{#if (eq key ../system.anomaly.type)}}selected{{/if}}>{{localize atype.label}}</option>
              {{/each}}
            </select>
            <input type="number" name="system.anomaly.value" value="{{system.anomaly.value}}" min="0" max="8" class="small-input">
          {{else}}
            <span class="anomaly-type-display">{{localize (lookup (lookup anomalyTypes system.anomaly.type) 'label')}}</span>
          {{/if}}
        </div>
      </div>
    </div>
    <div class="header-buttons">
      <a data-action="toggleSheet">
        <i class="fas {{#if isEditMode}}fa-eye{{else}}fa-edit{{/if}}"></i>
      </a>
    </div>
  </header>
</div>
