<form class="{{cssClass}} {{item.type}} flexcol" autocomplete="off">

    {{!-- Sheet Tab Navigation --}}
    <nav class="sheet-tabs tabs" style="flex: 0" data-group="primary">
        <a class="item" data-tab="meta">Gegenstand</a>
        {{#if isMeleeWeapon}}
            <a class="item" data-tab="melee">Nahkampfwaffe</a>
        {{/if}}
        {{#if isRangedWeapon}}
            <a class="item" data-tab="ranged">Fernkampfwaffe</a>
        {{/if}}
        {{#if isContainer}}
            <a class="item" data-tab="container">Behälter</a>
        {{/if}}
        {{#if isArmor}}
            <a class="item" data-tab="armor">Rüstung</a>
        {{/if}}
    </nav>

    {{!-- Sheet Body --}}
    <section class="sheet-body" style="flex: 1">

        <div class="tab meta" data-group="primary" data-tab="meta">
            <div class="name">
                <img class="img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
                <label>Name
                    <input name="name" type="text" value="{{item.name}}" placeholder="Name"/>
                </label>
            </div>
            <div class="quantity">
                <label>Anzahl
                    <input type="number" name="system.quantity"
                           value="{{quantity}}"/>
                </label>
            </div>
            <div class="category"><label>Kategorie:
                {{> "systems/DSA_4-1/templates/ui/partial-array-editor.hbs" this.categoryAndOptions}}
            </label></div>
            <div class="description">
                <label>Beschreibungstext</label>
                {{editor system.description target="system.description" button=true owner=owner editable=editable}}
            </div>
            <div class="bottomline">
                <label class="named-value"><span>Preis (Silbertaler)</span>
                    <input type="number" name="system.price" value="{{price}}"/>
                </label>
                <label class="named-value"><span>Gewicht (in Stein)</span>
                    <input type="number" name="system.weight" value="{{weight}}"/>
                </label>
            </div>
        </div>

        {{#if isMeleeWeapon}}
            <div class="tab melee" data-group="primary" data-tab="melee">
                <div>
                    <label>TP
                        <input type="text" name="system.meleeAttackDamage" value="{{system.meleeAttackDamage}}"/>
                    </label>
                </div>
                <div>
                    <label>TP/KK
                        <input name="system.meleeAttackModifier" type="number" value="{{system.meleeAttackModifier}}"/>
                        <input name="system.meleeAttackModifierIncrement" type="number"
                               value="{{system.meleeAttackModifierIncrement}}"/>
                    </label>
                </div>
                <div>
                    <label>Geführte Talente
                        {{> "systems/DSA_4-1/templates/ui/partial-array-editor.hbs" this.meleeSkillsAndOptions}}
                    </label>
                </div>
                <div>
                    <label>Initiative
                        <input name="system.iniModifier" type="number" value="{{system.iniModifier}}"/>
                    </label>
                </div>
                <div>
                    <label>Bruchfaktor
                        <input name="system.breakFactor" type="number" value="{{system.breakFactor}}"/>
                    </label>
                </div>
                <div>
                    <label>Attacke
                        <input name="system.attackModifier" type="number" value="{{system.attackModifier}}"/>
                    </label>
                </div>
                <div>
                    <label>Parade
                        <input name="system.parryModifier" type="number" value="{{system.parryModifier}}"/>
                    </label>
                </div>
            </div>
        {{/if}}
        {{#if isRangedWeapon}}
            <div class="tab ranged" data-group="primary" data-tab="ranged">
                <div>
                    <label>TP
                        <input type="text" name="system.rangedAttackDamage" value="{{system.rangedAttackDamage}}"/>
                    </label>
                </div>
                <div>
                    <label>Reichweiten
                        <input type="text" name="system.rangedRangeModifier" value="{{system.rangedRangeModifier}}"/>
                    </label>
                </div>
                <div>
                    <label>TP+
                        <input type="text" name="system.rangeRangeDamageModifier"
                               value="{{system.rangeRangeDamageModifier}}"/>
                    </label>
                </div>
                <div>
                    <label>Geführte Talente
                        {{> "systems/DSA_4-1/templates/ui/partial-array-editor.hbs" this.rangedSkillsAndOptions}}
                    </label>
                </div>
                <div>
                    <label>Ladedauer (Aktionen)
                        <input type="text" name="system.rangedReloadTime" value="{{system.rangedReloadTime}}"/>
                    </label>
                </div>
            </div>
        {{/if}}
        {{#if isContainer}}
            <div class="tab container" data-group="primary" data-tab="container">
                Behälter Specs
            </div>
        {{/if}}
        {{#if isArmor}}
            <div class="tab armor" data-group="primary" data-tab="armor">
                <div>
                    <label>Gesamt Rüstungswert
                        <input type="text" name="system.armorValue" value="{{system.armorValue}}"/>
                    </label>
                </div>
                <div>
                    <label>Gesamt Behinderung
                        <input type="text" name="system.armorHandicap" value="{{system.armorHandicap}}"/>
                    </label>
                </div>
                <div>
                    <label>Initiative Modifaktor
                        <input type="text" name="system.iniModifier" value="{{system.iniModifier}}"/>
                    </label>
                </div>
                <div>
                    <label>Bruchfaktor
                        <input type="text" name="system.breakFactor" value="{{system.breakFactor}}"/>
                    </label>
                </div>
                <div>
                    <label>Attacke
                        <input type="text" name="system.attackModifier" value="{{system.attackModifier}}"/>
                    </label>
                </div>
                <div>
                    <label>Parade
                        <input type="text" name="system.parryModifier" value="{{system.parryModifier}}"/>
                    </label>
                </div>
            </div>
        {{/if}}
    </section>
</form>
