{{!--
SPDX-FileCopyrightText: 2021 Johannes Loher
SPDX-FileCopyrightText: 2021 Oliver Rümpelein
SPDX-FileCopyrightText: 2021 Gesina Schwalbe

SPDX-License-Identifier: MIT
--}}

<form class="{{cssClass}} ds4-sheet-form" autocomplete="off">
    {{!-- Header --}}
    {{#> systems/ds4/templates/sheets/actor/components/actor-header.hbs}}
    {{> systems/ds4/templates/sheets/actor/components/creature-properties.hbs}}
    {{/systems/ds4/templates/sheets/actor/components/actor-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">
        {{!-- Values Tab --}}
        <div class="tab {{#if tabs.values}}{{tabs.values.cssClass}}{{/if}}" data-tab="values" data-group="primary">
            {{> systems/ds4/templates/sheets/actor/tabs/values.hbs}}
        </div>

        {{!-- Inventory Tab --}}
        <div class="tab {{#if tabs.inventory}}{{tabs.inventory.cssClass}}{{/if}}" data-tab="inventory" data-group="primary">
            {{> systems/ds4/templates/sheets/actor/tabs/creature-inventory.hbs}}
        </div>

        {{!-- Spells Tab --}}
        <div class="tab {{#if tabs.spells}}{{tabs.spells.cssClass}}{{/if}}" data-tab="spells" data-group="primary">
            {{> systems/ds4/templates/sheets/actor/tabs/spells.hbs}}
        </div>

        {{!-- Abilities Tab --}}
        <div class="tab {{#if tabs.abilities}}{{tabs.abilities.cssClass}}{{/if}}" data-tab="abilities" data-group="primary">
            {{> systems/ds4/templates/sheets/actor/tabs/creature-abilities.hbs}}
        </div>

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

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