<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" style="width: {{this.carryingpercentage}}%"></span>
        </div>
    </div>


    <div class="inventory">
        <h3>Inventar</h3>

        {{> "systems/DSA_4-1/templates/ui/partial-equipment-button.hbs" equipments}}

    </div>
    <!-- TODO: fix paperdoll
    <div class="paperdoll">
        <h3>Ausrüstung</h3>
        {{!-- Set Tab Navigation --}}

        {{!-- Sheet Tab Navigation --}}
        <nav class="sets-tabs tabs{{#if verticalTabs}} vertical{{/if}}"
             aria-roledescription="{{localize "SHEETS.FormNavLabel"}}">
            {{#each sets as |tab|}}
                <a data-action="tab" data-group="{{tab.group}}" data-tab="{{tab.id}}"
                   {{#if tab.cssClass}}class="{{tab.cssClass}}"{{/if}}
        {{#if tab.tooltip}}data-tooltip="{{tab.tooltip}}"{{/if}}>
                    {{#if tab.icon}}<i class="{{tab.icon}}" inert></i>{{/if}}
        {{#if tab.label}}<span>{{localize tab.label}}</span>{{/if}}
                </a>
            {{/each}}
        </nav>

    </div>
-->
    </div>
</section>