<form class="{{cssClass}}" data-lang="{{localize 'I18N.Language'}}" autocomplete="off">
    {{!-- L5R Button bar --}}
    <div class="l5r-buttons-bar">
        {{#each l5rHeaderButtons}}
        <a class="l5r-header-button {{this.class}}"><i class="{{this.icon}}"></i>{{localize this.label}}</a>
        {{/each}}
    </div>
    {{!-- Sheet Header --}}
    <header class="sheet-header">
        <img class="profile-img dragndrop-actor-uuid pointer" src="{{data.img}}" {{#if
        data.editable_not_soft_locked}}data-edit="img" {{/if}} data-actor-uuid="{{actor.uuid}}" draggable="true"
        title="{{data.name}}" />
        <div class="header-fields identity-wrapper">
            <h1 class="charname">
                <input name="name" type="text" value="{{data.name}}" placeholder="Name" {{^if
                data.editable_not_soft_locked}}disabled{{/if}} />
            </h1>
            {{> 'systems/l5rx-chiaroscuro/templates/actors/character/identity.html'}}
        </div>
        <div class="header-fields mid-wrapper">
            <div class="central-col">{{> 'systems/l5rx-chiaroscuro/templates/actors/character/rings.html'}}</div>
            <div class="chiaroscuro-aspects-wrapper">
                {{> 'systems/l5rx-chiaroscuro/templates/actors/character/aspects.html'}}
            </div>
        </div>
    </header>
    {{!-- Sheet Body --}}
    <section class="sheet-body">
        {{!-- Active effects --}}
        {{> 'systems/l5rx-chiaroscuro/templates/actors/character/effects.html'}}

        {{!-- Sheet Tab Navigation --}}
        <nav class="sheet-tabs tabs" data-group="primary">
            <a class="item" data-tab="skills">{{localize 'l5r5e.skills.title'}}</a>
            <a class="item" data-tab="narrative">{{localize 'l5r5e.sheets.narrative'}}</a>
            <a class="item" data-tab="invocations">{{localize 'chiaroscuro.tabs.invocations'}}</a>
            <a class="item" data-tab="inventory">{{localize 'l5r5e.sheets.inventory'}}</a>
            <a class="item" data-tab="experience">{{localize 'l5r5e.sheets.experience'}}</a>
            <a class="item" data-tab="identity">{{localize 'chiaroscuro.tabs.identity'}}</a>
            <a class="item" data-tab="notes">{{localize 'l5r5e.sheets.notes'}}</a>
        </nav>

        {{!-- Skills Tab --}}
        <article class="tab skills" data-group="primary" data-tab="skills">
            <ul class="skills-wrapper">
                {{#each data.system.skills as |category id|}} {{>
                'systems/l5rx-chiaroscuro/templates/actors/character/category.html' category=category categoryId=id data=../data}}
                {{/each}}
            </ul>
            {{> 'systems/l5rx-chiaroscuro/templates/actors/character/techniques.html'}}
        </article>

        {{!-- Narrative Tab --}}
        <article class="tab narrative" data-group="primary" data-tab="narrative">
            {{> 'systems/l5rx-chiaroscuro/templates/actors/character/narrative.html'}}
        </article>

        {{!-- Inventory Tab --}}
        <article class="tab inventory" data-group="primary" data-tab="inventory">
            {{> 'systems/l5rx-chiaroscuro/templates/actors/character/inventory.html'}}
        </article>

        {{!-- Experience Tab --}}
        <article class="tab experience" data-group="primary" data-tab="experience">
            {{> 'systems/l5rx-chiaroscuro/templates/actors/character/experience.html'}}
        </article>

        {{!-- Invocations Tab --}}
        <article class="tab invocations" data-group="primary" data-tab="invocations">
            {{> 'systems/l5rx-chiaroscuro/templates/actors/character/invocations.html'}}
        </article>

        {{!-- Identity Tab --}}
        <article class="tab identity" data-group="primary" data-tab="identity">
            {{> 'systems/l5rx-chiaroscuro/templates/actors/character/identity-text.html'}}
        </article>

        {{!-- Notes Tab --}}
        <article class="tab notes" data-group="primary" data-tab="notes">
            {{> 'systems/l5rx-chiaroscuro/templates/actors/character/notes.html'}}
        </article>
    </section>
</form>
