{{!-- Sheet Header --}}
<header class="sheet-header">
    <div class="header-field flex1">
        <div class="header-field-group flexrow">
            <label class="header-field-label flex2">{{localize "BOL.ui.name"}}</label><br/>
            <input class="charname  flex6" name="name" type="text" value="{{actor.name}}" placeholder="Name"/>
        </div>
        
        {{#if (eq charType "player")}}
        <div class="header-field-group flexrow">
            <label class="header-field-label flex2">{{localize "BOL.ui.xp"}}</label><br/>
            <div class="header-field-group flex3">
                <label class="header-field-label flex1" style="font-size: 1.5em; color:#606060;">{{localize "BOL.ui.xpspent"}}</label><br/>
                <input class="header-field-value flex1" type="text" name="system.xp.spent" value="{{numberFormat xp.spent decimals=0 sign=false}}" data-dtype="Number"/><br/>
            </div>
            <div class="header-field-group flex3">
                <label class="header-field-label flex1" style="font-size: 1.5em; color:#606060;">&nbsp;{{localize "BOL.ui.xptotal"}}</label><br/>
                <input class="header-field-value flex1" type="text" name="system.xp.total" value="{{numberFormat xp.total decimals=0 sign=false}}" data-dtype="Number"/><br/>
            </div>
        </div>
        {{else}}
        <div class="header-field-group flexrow">
          <label class="header-field-label flex2">Type : </label><br/>
            <select class="field-value" name="system.chartype" data-dtype="String">
            {{#select charType}}
            <option value="creature">{{localize "BOL.ui.creature"}}</option>
            <option value="base">{{localize "BOL.ui.rabble"}}</option>
            <option value="tough">{{localize "BOL.ui.tough"}}</option>
            <option value="adversary">{{localize "BOL.ui.villain"}}</option>
            {{/select}}
            </select>
        </div>
        {{/if}}

    </div>
</header>