<section class="tab {{tabs.ranged.id}} {{tabs.ranged.cssClass}}"
         data-tab="{{tabs.ranged.id}}"
         data-group="{{tabs.ranged.group}}">
    <div class="ranged">
        <div class="tp">
            <label>TP
                <input type="text" name="system.rangedAttackDamage" value="{{system.rangedAttackDamage}}"/>
            </label>
        </div>
        <div class="ranges">
            <label>Reichweiten
                <input type="text" name="system.rangedRangeModifier" value="{{system.rangedRangeModifier}}"/>
            </label>
        </div>
        <div class="tpmod">
            <label>TP+
                <input type="text" name="system.rangeRangeDamageModifier"
                       value="{{system.rangeRangeDamageModifier}}"/>
            </label>
        </div>
        <div class="applicable-skills">
            <label>Geführte Talente
                {{> "systems/DSA_4-1/templates/ui/partial-array-editor.hbs" this.rangedSkillsAndOptions}}
            </label>
        </div>
        <div class="reload-time">
            <label>Ladedauer (Aktionen)
                <input type="text" name="system.rangedReloadTime" value="{{system.rangedReloadTime}}"/>
            </label>
        </div>
    </div>
</section>