daggerheart/templates/sheets/activeEffect/changes.hbs

<section class="tab changes{{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}">
    <header>
        <div class="key">{{localize "EFFECT.FIELDS.changes.element.key.label"}}</div>
        <div class="type">{{localize "EFFECT.FIELDS.changes.element.type.label"}}</div>
        <div class="value">{{localize "EFFECT.FIELDS.changes.element.value.label"}}</div>
        <div class="priority">{{localize "EFFECT.FIELDS.changes.element.priority.label"}}</div>
        <div class="controls">
            <a class="inline-control icon" data-action="addChange"><i class="fa-regular fa-square-plus"></i></a>
        </div>
    </header>
    <ol class="scrollable" data-changes>
        {{#each changes as |change|}}
            {{{change}}}
        {{/each}}
    </ol>

    <fieldset class="armor-change-container">
        <legend>{{localize "DAGGERHEART.GENERAL.armor"}} <a data-action="addTypedChange"><i class="fa-solid fa-plus"></i></a></legend>

        <header>
            <div>{{localize "EFFECT.FIELDS.changes.element.value.label"}}</div>
            <div>{{localize "DAGGERHEART.GENERAL.max"}}</div>
            <div>{{localize "DAGGERHEART.EFFECTS.Armor.FIELDS.armorInteraction.label"}}</div>
            <div>{{localize "EFFECT.FIELDS.changes.element.priority.label"}}</div>
        </header>
        <ol class="scrollable">
            {{#each typedChanges.armor as |armor|}}
                {{> "systems/daggerheart/templates/sheets/activeEffect/typeChanges/armorChange.hbs" armor fields=@root.systemFields.changes.element.fields}}
            {{/each}}
        </ol>

    </fieldset>
</section>