daggerheart/templates/views/levelup/tabs/selections.hbs

<section
    class='tab {{tabs.selections.cssClass}} {{tabs.selections.id}}'
    data-tab='{{tabs.selections.id}}'
    data-group='{{tabs.selections.group}}'
>
    <div class="section-container levelup-selections-container">
        {{#if (gt this.newExperiences.length 0)}}
            <div>
                <h3>{{localize "DAGGERHEART.Application.LevelUp.summary.newExperiences"}}</h3>
                <div class="achievement-experience-cards">
                    {{#each this.newExperiences}}
                        <div class="achievement-experience-card">
                            <div class="flexrow">
                                <input type="text" name="{{concat "levelup.allInitialAchievements." this.level ".newExperiences." this.key ".name"}}" value="{{this.name}}" placeholder="{{localize "DAGGERHEART.Application.LevelUp.summary.experiencePlaceholder"}}" />
                                <div class="flex0">{{signedNumber this.modifier}}</div>
                            </div>
                            <div class="achievement-experience-marker">
                                {{#if this.name}}<i class="fa-solid fa-check"></i>{{/if}}
                            </div>
                        </div>
                    {{/each}}
                </div>
            </div>
        {{/if}}

        {{#if this.traits.active}}
            <div>
                <h3>{{localize "DAGGERHEART.Application.LevelUp.summary.traits"}}</h3>

                <input type="text" class="levelup-trait-increases" value="{{this.traits.values}}" />
            </div>
        {{/if}}

        {{#if this.experienceIncreases.active}}
            <div>
                <h3>{{localize "DAGGERHEART.Application.LevelUp.summary.experienceIncreases"}}</h3>

                <input type="text" class="levelup-experience-increases" value="{{this.experienceIncreases.values}}" />
            </div>
        {{/if}}

        {{#if (gt this.domainCards.length 0)}}
            <div>
                <h3>{{localize "DAGGERHEART.Application.LevelUp.summary.domainCards"}}</h3>

                <div class="levelup-card-selection domain-cards">
                    {{#each this.domainCards}}
                        {{> "systems/daggerheart/templates/components/card-preview.hbs" img=this.img name=this.name path=this.path }}
                    {{/each}}
                </div>
            </div>
        {{/if}}

        {{#if (gt this.subclassCards.length 0)}}
            <div>
                <h3>{{localize "DAGGERHEART.Application.LevelUp.summary.subclass"}}</h3>

                <div class="levelup-card-selection subclass-cards">
                    {{#each this.subclassCards}}
                        {{> "systems/daggerheart/templates/views/levelup/parts/selectable-card-preview.hbs" img=this.img name=this.name path=this.path selected=this.selected uuid=this.uuid disabled=this.disabled }}
                    {{/each}}
                </div>
            </div>
        {{/if}}

        {{#if this.multiclass}}
            <div>
                <h3>{{localize "DAGGERHEART.Application.LevelUp.summary.multiclass"}}</h3>

                <div class="levelup-card-selection multiclass-cards">
                    {{> "systems/daggerheart/templates/components/card-preview.hbs" img=this.multiclass.img name=this.multiclass.name path=this.multiclass.path compendium=this.multiclass.compendium }}
                    <div class="levelup-domains-selection-container">
                        {{#each this.multiclass.domains}}
                            <div class="levelup-domain-selection-container {{#if this.disabled}}disabled{{/if}}">
                                <div>{{localize this.label}}</div>
                                <img src="{{this.src}}" />
                            </div>
                        {{/each}}
                    </div>
                </div>
            </div>
        {{/if}}
    </div>
</section>