<form class="{{cssClass}}" autocomplete="off">
<header class="sheet-header">
<img src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
<div class="header-fields">
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="{{localize 'BITD.Name'}}"/></h1>
</div>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body">
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
</section>
<div class="flex-vertical">
<label class="label-stripe">{{localize "BITD.AbilityPrice"}}</label>
<input id="ability-price" type="text" name="data.price" value="{{data.price}}" placeholder="{{localize 'BITD.AbilityPrice'}}">
<label class="label-stripe">{{localize "BITD.AbilityClass"}}</label>
<input id="ability-class" type="text" name="data.class" value="{{data.class}}" placeholder="{{localize 'BITD.AbilityClass'}}">
</form>