<header class="companion-header-sheet">
    <img class="profile" src="{{document.img}}" alt="{{document.name}}" data-action='editImage' data-edit="img">
    <h1 class='actor-name'>
        <input
            type='text'
            name='name'
            value='{{document.name}}'
            placeholder='{{localize "DAGGERHEART.GENERAL.actorName"}}'
            autocomplete="off"
            spellcheck="false"
        />
    </h1>
    {{#if useResourcePips}}
        <div class="resource-section">
            {{> "systems/daggerheart/templates/sheets/global/partials/resource-bar.hbs" resource=document.system.resources.stress label="DAGGERHEART.GENERAL.stress" key="system.resources.stress.value" action="toggleStress" largePips=true }}
        </div>
    {{/if}}
    <div class="status-section {{#if useResourcePips}}pip-display{{/if}}">
        <div class="status-number">
            <div class='status-value'>
                <p>{{document.system.evasion}}</p>
            </div>
            <div class="status-label">
                <h4>{{localize "DAGGERHEART.GENERAL.evasion"}}</h4>
            </div>
        </div>
        {{#unless useResourcePips}}
            <div class="resource-section">
                {{> "systems/daggerheart/templates/sheets/global/partials/resource-bar.hbs" resource=document.system.resources.stress label="DAGGERHEART.GENERAL.stress" key="system.resources.stress.value" action="toggleStress" }}
            </div>
        {{/unless}}
        <div class='level-div'>
            <h3 class='label'>
                {{localize 'DAGGERHEART.GENERAL.level'}}
                <div class="input-section">
                    {{#if document.system.canLevelUp}}
                        <button
                            type="button"
                            class="level-button glow" data-tooltip="{{localize "DAGGERHEART.ACTORS.Character.levelUp"}}"
                            data-action="levelManagement"
                        >
                            <i class="fa-solid fa-angles-up"></i>
                        </button>
                    {{/if}}
                    <span {{#unless document.system.partner}}data-tooltip="{{localize "DAGGERHEART.UI.Tooltip.companionPartnerLevelBlock"}}"{{/unless}}>
                        {{document.system.levelData.level.changed}}
                    </span>
                </div>
            </h3>
        </div>
    </div>
    <div class="companion-navigation">
        {{> 'systems/daggerheart/templates/sheets/global/tabs/tab-navigation.hbs'}}
        <button type="button" data-action="openSettings" data-tooltip-text="{{localize "DAGGERHEART.UI.Tooltip.openSheetSettings"}}">
            <i class="fa-solid fa-wrench"></i>
        </button>
    </div>
</header>