{{!-- Character Sheet Header --}}
<header class="sheet-header">
  <img class="profile-img" src="{{actor.img}}" data-action="editPortrait" title="{{actor.name}}" />
  <div class="header-fields">
    <h1 class="charname">
      <input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "UA2E.Common.Name"}}" />
    </h1>
    <section class="header-obsession">
      <div class="form-group obsession-inline">
        <label>{{localize "UA2E.Obsession.Header"}}</label>
        <input type="text" name="system.obsession" value="{{obsession}}" placeholder="{{localize "UA2E.Obsession.Desc"}}" />
      </div>
    </section>

    <section class="wound-type-row">
      <div class="wound-points-area">
        <label>{{localize "UA2E.Wounds.WoundPoints"}}</label>
        <div class="wound-bar-wrap">
          <div class="wound-bar {{woundStateClass}}" style="width: {{woundBarPercent}}%;"
               data-tooltip="{{woundStateLabel}}"></div>
        </div>
        <div class="wound-values">
          <span class="wound-status {{woundStateClass}}">{{woundStateLabel}}</span>
          {{#if isGM}}
            <input type="number" name="system.woundPoints.value"
                   value="{{woundPoints.value}}" min="0" max="{{woundPoints.max}}" />
            <span>/</span>
            <span class="wound-max">{{woundPoints.max}}</span>
          {{/if}}
        </div>
      </div>

      <div class="type-checks">
        <label class="type-check">
          <input type="checkbox" name="system.isAdept" {{#if isAdept}}checked{{/if}} />
          <span>{{localize "UA2E.CharType.Adept"}}</span>
        </label>
        <label class="type-check">
          <input type="checkbox" name="system.isAvatar" {{#if isAvatar}}checked{{/if}} />
          <span>{{localize "UA2E.CharType.Avatar"}}</span>
        </label>
      </div>
    </section>

    <section class="header-passions">
      <div class="header-passions-grid">
        <div class="form-group">
          <label>{{localize "UA2E.Passions.Rage"}}</label>
          <input type="text" name="system.passions.rage" value="{{passions.rage}}" placeholder="{{localize "UA2E.Passions.RagePlaceholder"}}" />
        </div>
        <div class="form-group">
          <label>{{localize "UA2E.Passions.Fear"}}</label>
          <input type="text" name="system.passions.fear" value="{{passions.fear}}" placeholder="{{localize "UA2E.Passions.FearPlaceholder"}}" />
        </div>
        <div class="form-group">
          <label>{{localize "UA2E.Passions.Noble"}}</label>
          <input type="text" name="system.passions.noble" value="{{passions.noble}}" placeholder="{{localize "UA2E.Passions.NoblePlaceholder"}}" />
        </div>
      </div>
    </section>
  </div>
</header>
