<form class="{{cssClass}}" autocomplete="off">
    <div class="wrap flexrow">
        <div class="main flex1">
            {{> "systems/bol/templates/item/parts/item-header.hbs"}}
            {{!-- Sheet Tab Navigation --}}
            <nav class="sheet-tabs tabs" data-group="primary">
                <a class="item" data-tab="description">{{localize "BOL.ui.tab.description"}}</a>
                <a class="item" data-tab="properties">{{localize "BOL.ui.tab.details"}}</a>
            </nav>
            {{!-- Sheet Body --}}
            <section class="sheet-body">
                <div class="tab flexrow active no-wrap" data-group="primary" data-tab="description">
                    {{#if itemProperties}}
                        <div class="item-properties">
                            <ol class="properties-list">
                                {{#each itemProperties}}
                                    <li>{{localize this}}</li>
                                {{/each}}
                            </ol>
                        </div>
                    {{/if}}

                    {{editor description target="system.description" button=true owner=owner editable=editable}}
                </div>
                <div class="tab properties" data-group="primary" data-tab="properties">
                {{#if (eq item.type "item")}}
                    {{> "systems/bol/templates/item/parts/properties/item-properties.hbs"}}
                {{/if}}
                {{#if (eq item.type "feature")}}
                    {{> "systems/bol/templates/item/parts/properties/feature-properties.hbs"}}
                {{/if}}
                </div>
            </section>
        </div>
    </div>
</form>