{{!--
SPDX-FileCopyrightText: 2021 Johannes Loher

SPDX-License-Identifier: MIT
--}}

<form class="{{cssClass}} ds4-sheet-form" autocomplete="off">
    {{!-- Header --}}
    {{> systems/ds4/templates/sheets/item/components/item-header.hbs}}

    {{!-- Sheet Tab Navigation --}}
    <nav class="tabs" data-group="primary">
        {{#each tabs}}
        <a class="item {{cssClass}}" data-tab="{{id}}" data-group="{{group}}">
            {{#if icon}}<i class="{{icon}}"></i>{{/if}}
            {{label}}
        </a>
        {{/each}}
    </nav>

    {{!-- Sheet Body --}}
    <section class="sheet-body">
        {{!-- Description Tab --}}
        <div class="tab {{#if tabs.description}}{{tabs.description.cssClass}}{{/if}}" data-tab="description" data-group="primary">
            {{> systems/ds4/templates/sheets/item/tabs/description.hbs}}
        </div>

        {{!-- Properties Tab --}}
        <div class="tab {{#if tabs.properties}}{{tabs.properties.cssClass}}{{/if}}" data-tab="properties" data-group="primary">
            {{> systems/ds4/templates/sheets/item/components/properties/physical.hbs}}
        </div>

        {{!-- Effects Tab --}}
        <div class="tab {{#if tabs.effects}}{{tabs.effects.cssClass}}{{/if}}" data-tab="effects" data-group="primary">
            {{> systems/ds4/templates/sheets/item/tabs/effects.hbs}}
        </div>
    </section>
</form>