<div 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">
                {{#each tabs}}
                <a class="item {{#if (eq ../activeTab this.id)}}active{{/if}}" data-tab="{{this.id}}">
                    {{#if this.icon}}<i class="{{this.icon}}"></i>{{/if}}
                    {{localize this.label}}
                </a>
                {{/each}}
            </nav>
            
            {{!-- Sheet Body --}}
            <section class="sheet-body">
                {{!-- Description Tab --}}
                <div class="tab description" 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}}

                    {{formInput systemFields.description enriched=enrichedDescription value=system.description name="system.description" toggled=isEditable}}
                </div>

                {{!-- Properties Tab --}}
                <div class="tab properties" data-group="primary" data-tab="properties">
                    {{> "systems/bol/templates/item/parts/properties/feature-properties.hbs"}}
                </div>
            </section>
        </div>
    </div>
</div>
