daggerheart/templates/views/levelup.hbs

<div>
    <div class="tiers-container">
        {{#each this.levelup.tiers as |tier key|}}
            <fieldset class="tier-container {{#if (not tier.active)}}inactive{{/if}}">
                <legend>{{tier.name}}</legend>
                
                {{#each tier.tierCheckboxGroups}}
                    <div class="checkbox-group-container">
                        <div class="checkboxes-container">
                            {{#each this.checkboxGroups}}
                                <div class="checkbox-grouping-coontainer {{#if this.multi}}multi{{/if}}">
                                    {{#each this.checkboxes}}
                                        <input 
                                            type="checkbox" class="selection-checkbox{{#if (gt this.cost 1)}} multi{{/if}}" {{checked this.selected}} {{#if this.disabled}}disabled{{/if}}
                                            data-tier="{{this.tier}}" 
                                            data-level="{{this.level}}" 
                                            data-option="{{this.optionKey}}" 
                                            data-checkbox-nr="{{this.checkboxNr}}" 
                                            data-cost="{{this.cost}}"
                                        />
                                    {{/each}}
                                </div>
                            {{/each}}
                        </div>
                        <div class="checkbox-group-label">{{this.label}}</div>
                    </div>
                {{/each}}
            </fieldset>
        {{/each}}
    </div>
    <footer class="levelup-footer">
        <button data-action="save">{{localize "Finish Levelup"}}</button>
    </footer>
</div>

{{!-- <div class="flex-col">
    <div class="levelup-title-container">Level {{activeLevel}}</div>
    <div class="levelup-section">
        {{#each data}}
            {{> "systems/daggerheart/templates/views/parts/level.hbs" data=this }}
        {{/each}}
    </div>
    <footer>

        {{#if (eq activeLevel changedLevel )}}
            <button data-action="finishLevelup" {{#if (not completedSelection)}}disabled{{/if}}>{{localize "DAGGERHEART.Application.LevelUp.TakeLevelUp"}}</button>
        {{else}}
            <button data-action="advanceLevel" {{#if (not completedSelection)}}disabled{{/if}}>{{localize "DAGGERHEART.Application.LevelUp.AdvanceLevel" level=(add activeLevel 1)}}</button>
        {{/if}}
        <button data-action="close">{{localize "DAGGERHEART.Application.Cancel"}}</button>
    </footer>
</div> --}}