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

SPDX-License-Identifier: MIT
--}}

{{!--
!-- Render a core value.
!--
!-- @param core-value-label: The label to display for the core value
!-- @param core-value-key: The key of the core value
!-- @param core-value-data: The data for the core value
!-- @param core-value-variant: The variant of the core value, i.e. attribute or trait
!-- @param actor-id: The id of the actor the core value belongs to
--}}

<div class="ds4-core-value ds4-core-value--{{core-value-variant}}">
    <label for="data.{{core-value-variant}}s.{{core-value-key}}.base-{{actor-id}}"
        class="ds4-core-value__label">{{core-value-label}}</label>
    <div class="ds4-core-value__value">
        <input class="ds4-core-value__value-input" type="number"
            name="data.{{core-value-variant}}s.{{core-value-key}}.base"
            id="data.{{core-value-variant}}s.{{core-value-key}}.base-{{actor-id}}" value='{{core-value-data.base}}'
            data-dtype="Number" title="{{core-value-label}} {{localize 'DS4.TooltipBaseValue'}}" />
        <span>+</span>
        <input class="ds4-core-value__value-input" type="number"
            name="data.{{core-value-variant}}s.{{core-value-key}}.mod"
            id="data.{{core-value-variant}}s.{{core-value-key}}.mod-{{actor-id}}" value='{{core-value-data.mod}}'
            data-dtype="Number" title="{{core-value-label}} {{localize 'DS4.TooltipModifier'}}" />
        <span class="ds4-core-value__value-arrow">➞</span>
        <span class="ds4-core-value__value-total"
            title="{{core-value-label}}: {{core-value-data.tooltip}}">{{core-value-data.total}}</span>
    </div>
</div>