{{!--
!-- Render a combat value.
!--
!-- @param combat-value-key: The key of the combat value
!-- @param combat-value-data: The data for the combat value
!-- @param combat-value-label: The label for the combat value
--}}

<div class="ds4-combat-value">
    <div class="ds4-combat-value__value ds4-combat-value__value--{{combat-value-key}}"
        title="{{combat-value-label}}: {{combat-value-data.tooltip}}">
        {{combat-value-data.total}}
    </div>
    <div class="ds4-combat-value__formula">
        <span class="ds4-combat-value__formula-base"
            title="{{combat-value-label}} {{localize 'DS4.TooltipBaseValue'}}">{{combat-value-data.base}}</span>
        <span>+</span>
        <input class="ds4-combat-value__formula-modifier" type="number" name="data.combatValues.{{combat-value-key}}.mod"
            value='{{combat-value-data.mod}}' data-dtype="Number"
            title="{{combat-value-label}} {{localize 'DS4.TooltipModifier'}}" />
    </div>
</div>