kopparhavet/templates/actors/ht-character-sheet.html

<form class="{{cssClass}}" autocomplete="off">
    <div class="character">
        <div class="header grid-container" style="grid-template-columns: auto auto 1fr auto 1fr; margin-bottom: 10px;">
            <div class="avatar flex-group-center" style="grid-row: 1/8;">
                <img class="profile-img actor-avatar-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" />
            </div>

            <label style="margin: auto;">{{localize "BIO.NAME"}}:</label>
            <h1 class="charname" style="margin-bottom: 0; grid-column: 3/6;"><input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "BIO.NAME"}}" /></h1>

            <label style="margin: auto;">{{localize data.data.bio.nickname.label}}:</label>
            <input name="data.bio.nickname.value" style="grid-column: 3/6;" type="text" value="{{data.data.bio.nickname.value}}" placeholder="{{localize data.data.bio.nickname.label}}" />

            <label style="margin: auto;">{{localize data.data.bio.kin.label}}:</label>
            <input name="data.bio.kin.value" type="text" value="{{data.data.bio.kin.value}}" placeholder="{{localize data.data.bio.kin.label}}" />

            <label style="margin: auto;">{{localize data.data.bio.profession.label}}:</label>
            <input name="data.bio.profession.value" type="text" value="{{data.data.bio.profession.value}}" placeholder="{{localize data.data.bio.profession.label}}" />

            <label style="margin: auto;">{{localize data.data.health.label}}:</label>
            <div class="grid-container" style="grid-template-columns: auto 1fr auto;">
                <input class="center-text" type="text" name="data.health.value" value="{{data.data.health.value}}" data-dtype="Number" />
                <span> / </span>
                <input class="center-text" type="text" name="data.health.max" value="{{data.data.health.max}}" data-dtype="Number" />
            </div>

            <label style="margin: auto;">{{localize data.data.stamina.label}}:</label>
            <div class="grid-container" style="grid-template-columns: auto 1fr auto;">
                <input class="center-text" type="text" name="data.stamina.value" value="{{data.data.stamina.value}}" data-dtype="Number" />
                <span> / </span>
                <input class="center-text" type="text" name="data.stamina.max" value="{{data.data.stamina.max}}" data-dtype="Number" />
            </div>

            <label style="margin: auto;">{{localize data.data.mana.label}}:</label>
            <div class="grid-container" style="grid-template-columns: auto 1fr auto;">
                <input class="center-text" type="text" name="data.mana.value" value="{{data.data.mana.value}}" data-dtype="Number" />
                <span> / </span>
                <input class="center-text" type="text" name="data.mana.max" value="{{data.data.mana.max}}" data-dtype="Number" />
            </div>
        </div>

        <div class="sheet-tabs tabs flex row" data-group="primary">
            <b class="item" data-tab="main">{{localize "TAB.MAIN"}}</b>
            <b class="item" data-tab="skills">{{localize "TAB.SKILLS"}}</b>
            <b class="item" data-tab="talent">{{localize "TAB.TALENTS"}}</b>
            <b class="item" data-tab="gear">{{localize "TAB.GEAR"}}</b>
            <b class="item" data-tab="note">{{localize "TAB.NOTE"}}</b>
        </div>

        <div class="sheet-body">
            <div class="tab" data-group="primary" data-tab="main">
                {{> systems/kopparhavet/templates/parts/actor/ht-main.html}}
            </div>
            <div class="tab" data-group="primary" data-tab="skills">
                {{> systems/kopparhavet/templates/parts/actor/ht-skills.html}}
            </div>
            <div class="tab" data-group="primary" data-tab="talent">
                {{> systems/kopparhavet/templates/parts/actor/talent.html}}
            </div>
            <div class="tab" data-group="primary" data-tab="gear">
                {{> systems/kopparhavet/templates/parts/actor/gear.html}}
            </div>
            <div class="tab note border" data-group="primary" data-tab="note" style="border-top: none;">
                {{editor content=data.data.bio.note.value target="data.bio.note.value" button=true owner=owner editable=editable}}
            </div>
        </div>
    </div>
</form>