<form class="{{cssClass}}" autocomplete="off">
    <header class="sheet-header">
        <img class="profile-img" src="{{data.img}}" data-edit="img" title="{{data.name}}"/>
        <h1 class="charname"><input name="name" type="text" value="{{data.name}}" placeholder="Name"/></h1>
    </header>
    {{!-- Sheet Body --}}
    <section class="sheet-body">
        {{!-- Attributes Tab --}}
        <article class="attributes" data-group="primary" data-tab="attributes">
            <select name="system.advancement_type" id="advancement_type">
                {{selectOptions data.subTypesList selected=data.system.advancement_type valueAttr='id' labelAttr='label' localize=true}}
            </select>

            {{#ifCond data.system.advancement_type '==' 'ring'}}
            <select name="system.ring" id="advancement_ring">
                {{selectOptions data.ringsList selected=data.system.ring valueAttr='id' labelAttr='label'}}
            </select>
            {{/ifCond}}

            {{#ifCond data.system.advancement_type '==' 'skill'}}
            <select name="system.skill" id="advancement_skill">
                <option value="">{{localize 'l5r5e.twenty_questions.choose_one_skill'}}</option>
                    {{#each data.skillsList as |skills catId|}}
                    <optgroup label="{{localizeSkill catId 'title'}}">
                        {{selectOptions skills selected=../data.system.skill valueAttr='id' labelAttr='label'}}
                    </optgroup>
                    {{/each}}
            </select>
            {{/ifCond}}

            {{#ifCond data.system.advancement_type '==' 'mot_invocation'}}
            <select name="system.invocation_type" id="advancement_invocation_type">
                {{selectOptions data.invocationTypesList selected=data.system.invocation_type valueAttr='id' labelAttr='label'}}
            </select>
            {{/ifCond}}

            <label class="attribute">
                {{localize 'l5r5e.advancements.spent'}}
                <input class="select-on-focus" type="number" name="system.xp_used" value="{{data.system.xp_used}}" data-dtype="Number" min="0" placeholder="0"/>
            </label>
        </article>
        <article class="tab infos active" data-group="primary" data-tab="infos">
            <fieldset>
                <legend class="text-block-header">{{localize 'l5r5e.sheets.description'}}</legend>
                {{editor data.enrichedHtml.description target="system.description" button=true owner=owner editable=editable engine="prosemirror" collaborate=false}}
            </fieldset>
        </article>
    </section>
</form>