<form class='{{cssClass}}' autocomplete='off'>
    <header class='sheet-header'>
        <img class='profile-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='Name' /></h1>
            <h4 class='charname'>ID:<input name='system.identifier' type='text' value='{{system.identifier}}' placeholder='{{item.name}}' /></h4>
            <h4 class='charname'>Role ID:<input name='system.roleIdentifier' type='text' value='{{system.roleIdentifier}}' placeholder='{{item.name}}' /></h4>
        </div>
    </header>

    {{! Sheet Tab Navigation }}
    <nav class='sheet-tabs tabs' data-group='primary'>
        <a class='item' data-tab='description'>Description</a>
        <a class='item' data-tab='drives'>Drives</a>
        <a class='item' data-tab='actionrating'>Action Ratings</a>
    </nav>

    {{! Sheet Body }}
    <section class='sheet-body'>

        {{! Description Tab }}
        <div class='tab' data-group='primary' data-tab='description'>
            {{editor system.description target='system.description' rollData=rollData button=true owner=owner editable=editable engine='prosemirror'}}
        </div>

        {{! Drives Tab }}
        <div class='tab' data-group='primary' data-tab='drives'>
            <ol class='items-list'>
                {{#each system.drives as |drive key|}}
                    <li class='item flexrow' data-item-id='{{item._id}}'>
                        <label>{{key}}</label>
                        <input type='text' name='system.drives.{{key}}' value='{{drive}}' data-dtype='Number' />
                    </li>
                {{/each}}
            </ol>
        </div>

        {{! ActionRating Tab }}
        <div class='tab' data-group='primary' data-tab='actionrating'>
            <ol class='items-list'>
                {{#each system.actionRatings as |category categoryKey|}}
                    {{#each category as |action key|}}
                        <li class='item flexrow' data-item-id='{{item._id}}'>
                            <label>{{key}}</label>
                            <input type='text' name='system.actionRatings.{{categoryKey}}.{{key}}' value='{{action}}' data-dtype='Number' />
                        </li>
                    {{/each}}
                {{/each}}
            </ol>
        </div>

    </section>

</form>