{{!--
SPDX-FileCopyrightText: 2021 Johannes Loher

SPDX-License-Identifier: MIT
--}}

<div class="ds4-item-properties ds4-item-properties--talent">
    <h4 class="ds4-item-properties__title">{{localize 'DS4.ItemPropertiesTalent'}}</h4>
    <div class="form-group slim">
        <label>{{localize "DS4.TalentRank"}}</label>
        <div class="form-fields">
            <label for="data.rank.base-{{data._id}}">{{localize "DS4.TalentRankBase"}}</label>
            <input id="data.rank.base-{{data._id}}" data-dtype="Number" type="number" min="0"
                max="{{data.data.rank.max}}" step="1" name="data.rank.base" value="{{data.data.rank.base}}" />
            <label for="data.rank.max-{{data._id}}">{{localize "DS4.TalentRankMax"}}</label>
            <input id="data.rank.max-{{data._id}}" data-dtype="Number" type="number" min="0" step="1"
                name="data.rank.max" value="{{data.data.rank.max}}" />
            <br />
            <label for="data.rank.mod-{{data._id}}">{{localize "DS4.TalentRankMod"}}</label>
            <input id="data.rank.mod-{{data._id}}" data-dtype="Number" type="number" min="0" step="1"
                name="data.rank.mod" value="{{data.data.rank.mod}}" />
            <label for="data.rank.total-{{data._id}}">{{localize "DS4.TalentRankTotal"}}</label>
            <span id="data.rank.total-{{data._id}}">{{data.data.rank.total}}</span>
        </div>
    </div>
</div>