{{!-- ======================================================================== --}}
{{!-- INLINE PARTIAL DEFINITIONS --}}
{{!-- ======================================================================== --}}

{{!--
!-- Render an attribute.
!--
!-- @param attribute-label: The label to display for the attribute
!-- @param attribute-key: The key of the attribute
!-- @param attribute-data: The data for the attribute
--}}

{{#*inline "attribute"}}
<div class="attribute flexrow"><label for="data.attributes.body.total"
        class="attribute-label ">{{attribute-label}}</label>
    <div class="attribute-value flex15 grid grid-8col"><input type="number"
            name="data.attributes.{{attribute-key}}.base" value='{{attribute-data.base}}' data-dtype="Number"
            title="{{attribute-label}} {{localize 'DS4.TooltipBaseValue'}}" /><span> +
        </span><input type="number" name="data.attributes.{{attribute-key}}.mod" value='{{attribute-data.mod}}'
            data-dtype="Number" title="{{attribute-label}} {{localize 'DS4.TooltipModifier'}}" /><span
            class="attribute-value-arrow">➞</span><span class="attribute-value-total"
            title="{{attribute-label}}: {{attribute-data.tooltip}}">{{attribute-data.total}}</span>
    </div>
</div>
{{/inline}}

{{!--
!-- Render a trait.
!--
!-- @param trait-label: The label to display for the trait
!-- @param trait-key: The key of the trait
!-- @param trait-data: The data for the trait
--}}

{{#*inline "trait"}}
<div class="trait flexrow"><label for="data.traits.strength.total" class="trait-label">{{trait-label}}</label>
    <div class="trait-value flex15 grid grid-8col"><input type="number" name="data.traits.{{trait-key}}.base"
            value='{{trait-data.base}}' data-dtype="Number"
            title="{{trait-label}} {{localize 'DS4.TooltipBaseValue'}}" /><span> +
        </span><input type="number" name="data.traits.{{trait-key}}.mod" value='{{trait-data.mod}}' data-dtype="Number"
            title="{{trait-label}} {{localize 'DS4.TooltipModifier'}}" /><span class=" trait-value-arrow">➞</span><span
            class="trait-value-total" title="{{trait-label}}: {{trait-data.tooltip}}">{{trait-data.total}}</span></div>
</div>
{{/inline}}

{{!-- ======================================================================== --}}

<div class="attributes-traits grid grid-3col">
    {{#each config.i18n.attributes as |attribute-label attribute-key|}}
    {{> attribute attribute-label=attribute-label attribute-key=attribute-key attribute-data=(lookup ../data.attributes
    attribute-key)}}
    {{/each}}
    {{#each config.i18n.traits as |trait-label trait-key|}}
    {{> trait trait-label=trait-label trait-key=trait-key trait-data=(lookup ../data.traits trait-key)}}
    {{/each}}
</div>