<section class="tab {{tabs.equipment.id}} {{tabs.equipment.cssClass}}"
         data-tab="{{tabs.equipment.id}}"
         data-group="{{tabs.equipment.group}}">
<div>
    <div class="capacity">
        <label>Tragkraft: {{this.carryingweight}} von maximal {{this.maxcarryingcapacity}} Stein</label>
        <div class="resource">
            <span class="fill {{#if (gte this.carryingpercentage 75)}}danger{{/if}}"
                  style="width: {{this.carryingpercentage}}%"></span>
        </div>
    </div>

    <div class="coinage">
        <label>Geldmittel: {{currency this.wealth}}</label>
    </div>


    <div class="inventory-header">
        <h3>Inventar</h3>
        <div class="buttons">
            <button type="button" data-action="newItem"><i class="fa-solid fa-sack" data-tooltip="Neuer Gegenstand"></i></button>
            <button type="button" data-action="openItemBrowser"><i class="fa-solid fa-store" data-tooltip="Einkaufen"></i></button>
        </div>
    </div>
    <div class="inventory">
        {{> "systems/DSA_4-1/templates/ui/partial-equipment-button.hbs" equipments}}
    </div>


    <h3 class="equipment-header">Ausrüstung</h3>
    <div class="set">
        <nav class="tabs sets" data-group="set-tabs">
            {{#each sets}}
                <a class="item" data-tab="{{this.tab}}" data-group="set-tabs"><span>{{this.label}}</span></a>
            {{/each}}
        </nav>

        <section class="panes sets">
            {{#each sets}}
                <div class="tab {{this.tab}} {{#if (eq ../selectedTab this.tab)}}active{{/if}}" data-tab="{{this.tab}}"
                     data-group="set-tabs">
                    {{> "systems/DSA_4-1/templates/actor/character/tab-set.hbs" this}}
                </div>
            {{/each}}
        </section>
    </div>
</div>
</section>