ds4/src/templates/actor/character-sheet.hbs

<form class="{{cssClass}} flexcol" autocomplete="off">
    {{!-- Sheet Header --}}
    <header class="sheet-header">
        <img class="profile-img" src="{{actor.img}}" data-edit="img" alt="Actor Icon" title="{{actor.name}}"
             height="100" width="100" />
        <div class="header-fields flexrow">
            <h1 class="charname">
                <label for="actor.name" class="hidden">Name</label>
                <input name="name" type="text" id="actor.name" value="{{actor.name}}" placeholder="Name" />
            </h1>
            {{> systems/ds4/templates/actor/partials/character-progression.hbs}}

            <div class="flexrow basic-properties">
                <div class="basic-property">
                    <label class="basic-property-label"
                        for="data.baseInfo.race">{{config.characterBaseInfo.race}}</label>
                    <input type="text" name="data.baseInfo.race" id="data.baseInfo.race" value="{{data.baseInfo.race}}"
                           data-dtype="String" />
                </div>
                <div class="basic-property">
                    <label class="basic-property-label"
                        for="data.baseInfo.culture">{{config.characterBaseInfo.culture}}</label>
                    <input id="data.baseInfo.culture" type="text" name="data.baseInfo.culture"
                           value="{{data.baseInfo.culture}}"
                           data-dtype="String" />
                </div>
                <div class="basic-property flex125">
                    <label class="basic-property-label"
                           for="data.progression.progressPoints.used">{{config.characterProgression.progressPoints}}</label>
                    <div class="flexrow">
                        <input id="data.progression.progressPoints.used" type="number"
                               name="data.progression.progressPoints.used"
                               value="{{data.progression.progressPoints.used}}" data-dtype="Number" />
                        <span class="input-divider"> / </span>
                        <label class="hidden" for="data.progression.progressPoints.total">Total
                            Progression Points</label>
                        <input type="number"
                               id="data.progression.progressPoints.total"
                               name="data.progression.progressPoints.total"
                               value="{{data.progression.progressPoints.total}}"
                               data-dtype="Number" />
                    </div>
                </div>
                <div class="basic-property flex125">
                    <label class="basic-property-label"
                           for="data.progression.talentPoints.used">{{config.characterProgression.talentPoints}}</label>
                    <div class="flexrow">
                        <input type="number" name="data.progression.talentPoints.used"
                               id="data.progression.talentPoints.used"
                               value="{{data.progression.talentPoints.used}}" data-dtype="Number" />
                        <span class="input-divider"> / </span>
                        <label for="data.progression.talentPoints.total" class="hidden">Total Talent Points</label>
                        <input type="number" name="data.progression.talentPoints.total" id="data.progression.talentPoints.total"
                               value="{{data.progression.talentPoints.total}}" data-dtype="Number" />
                    </div>
                </div>
                <div class="basic-property">
                    <label class="basic-property-label"
                        for="data.baseInfo.class">{{config.characterBaseInfo.class}}</label>
                    <input type="text" id="data.baseInfo.class" name="data.baseInfo.class"
                           value="{{data.baseInfo.class}}" data-dtype="String" />
                </div>
                <div class="basic-property">
                    <label class="basic-property-label"
                           for="data.baseInfo.heroClass">{{config.characterBaseInfo.heroClass}}</label>
                    <input type="text" id="data.baseInfo.heroClass" name="data.baseInfo.heroClass"
                           value="{{data.baseInfo.heroClass}}"
                           data-dtype="String" />
                </div>
            </div>
        </div>
        <div class="character-values">
            {{> systems/ds4/templates/actor/partials/attributes-traits.hbs}}
            {{> systems/ds4/templates/actor/partials/combat-values.hbs}}
        </div>
    </header>

    {{!-- Sheet Tab Navigation --}}
    <nav class="sheet-tabs tabs" data-group="primary">
        <a class="item" data-tab="inventory">{{localize 'DS4.HeadingInventory'}}</a>
        <a class="item" data-tab="spells">{{localize 'DS4.HeadingSpells'}}</a>
        <a class="item" data-tab="talents-abilities">{{localize 'DS4.HeadingTalentsAbilities'}}</a>
        <a class="item" data-tab="profile">{{localize "DS4.HeadingProfile"}}</a>
        <a class="item" data-tab="biography">{{localize 'DS4.HeadingBiography'}}</a>
    </nav>

    {{!-- Sheet Body --}}
    <section class="sheet-body">
        {{!-- Items Tab --}}
        {{> systems/ds4/templates/actor/partials/character-inventory.hbs}}

        {{!-- Spells Tab --}}
        {{> systems/ds4/templates/actor/partials/spells-overview.hbs}}

        {{!-- Talents Tab --}}
        {{> systems/ds4/templates/actor/partials/talents-abilities-overview.hbs}}

        {{! Profile Tab --}}
        {{> systems/ds4/templates/actor/partials/profile.hbs}}

        {{!-- Biography Tab --}}
        <div class="tab biography" data-group="primary" data-tab="biography">
            {{editor content=data.profile.biography target="data.profile.biography" button=true owner=owner
            editable=editable}}
        </div>
    </section>
</form>