<form id="skill-selection-form" class="coc7 skill-selector">
    <div class="flexcol-coc7">
        <div class='flexrow-coc7 header'>{{ localize 'CoC7.SkillTotalOccupation' }} :<div class="points">{{total}}</div></div>
        <ol class="item-list">
            {{#each characteristics as |characteristic key|}}
                {{#if characteristic.selected}}
                    <li class="item flexrow-coc7 {{#if characteristic.optional}}selectable{{else}}selected{{/if}}" data-key="{{key}}">
                        <div class="item-name flexrow-coc7">
                            <h4>{{characteristic.name}} ({{characteristic.value}}x{{characteristic.multiplier}}:{{characteristic.total}})</h4>
                        </div>
                    </li>
                {{/if}}
            {{/each}}
        </ol>

        <div class='card-buttons owner-only'>
            <button class='inactive validate' data-action="validate">{{ localize 'CoC7.Validate' }}</button>
        </div>

    </div>
</form>