<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="data.advancement_type" id="advancement_type">
                {{#select data.data.advancement_type}}
                    {{#each data.subTypesList as |label type|}}
                        <option value="{{type}}">{{localize label}}</option>
                    {{/each}}
                {{/select}}
            </select>

            {{#ifCond data.data.advancement_type '==' 'ring'}}
            <select name="data.ring" id="advancement_ring">
                {{#select data.data.ring}}
                    {{#each data.ringsList as |obj|}}
                        <option value="{{obj.id}}">{{obj.label}}</option>
                    {{/each}}
                {{/select}}
            </select>
            {{/ifCond}}

            {{#ifCond data.data.advancement_type '==' 'skill'}}
                <select name="data.skill" id="advancement_skill">
                    <option value="">{{localize 'l5r5e.twenty_questions.choose_one_skill'}}</option>
                    {{#select data.data.skill}}
                        {{#each data.skillsList as |skills catId|}}
                        <optgroup label="{{localizeSkill catId 'title'}}">
                            {{#each skills as |obj|}}
                            <option value="{{obj.id}}">{{obj.label}}</option>
                            {{/each}}
                        </optgroup>
                        {{/each}}
                    {{/select}}
                </select>
            {{/ifCond}}
            <label class="cursus attribute-value checkbox">
                <input type="checkbox" name="data.in_curriculum" {{checked data.data.in_curriculum}} />
                {{localize 'l5r5e.advancements.curriculum'}}
            </label>
            <label class="attribute">
                {{localize 'l5r5e.advancements.spent'}}
                <input class="select-on-focus" type="number" name="data.xp_used" value="{{data.data.xp_used}}" data-dtype="Number" min="0" placeholder="0"/>
            </label>
            <label class="attribute">
                {{localize 'l5r5e.sheets.rank'}}
                <input class="select-on-focus" type="number" name="data.rank" value="{{data.data.rank}}" data-dtype="Number" min="0" placeholder="0"/>
            </label>
            <label class="attribute">
                {{localize 'l5r5e.sheets.bought_at_rank'}}
                <input class="select-on-focus" type="number" name="data.bought_at_rank" value="{{data.data.bought_at_rank}}" data-dtype="Number" min="0" placeholder="0"/>
            </label>
        </article>
        {{> 'systems/l5r5e/templates/items/item/item-infos.html'}}
    </section>
</form>