<section
    class='tab {{tabs.experience.cssClass}} {{tabs.experience.id}}'
    data-tab='{{tabs.experience.id}}'
    data-group='{{tabs.experience.group}}'
>
    <div class="main-selections-container">
        <fieldset class="section-container">
            <legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.initialExperiences"}} {{experience.nrSelected}}/{{experience.nrTotal}}</legend>
            <div class="experiences-inner-container">
                {{#each experience.values as |experience id|}}
                    <div class="experience-container">
                        <div class="experience-inner-container">
                            <input class="experience-description" type="text" name="{{concat "experiences." id ".name" }}" value="{{experience.name}}" placeholder="{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.newExperience"}}" />
                            <span class="experience-value">{{numberFormat this.value sign=true}}</span>
                        </div>

                        <textarea name="{{concat "experiences." id ".description"}}">{{experience.description}}</textarea>
                    </div>
                {{/each}}
            </div>
        </fieldset>
    </div>
</section>