daggerheart/templates/views/action.hbs

<div>
    <header>
        {{formField fields.name value=source.name label="Name" name="name" rootId=partId}}
        <nav class="sheet-tabs tabs">
            {{#each tabs as |tab|}}
                <a class="{{tab.cssClass}}" data-action="tab" data-group="{{tab.group}}" data-tab="{{tab.id}}">
                    <i class="{{tab.icon}}"></i>
                    <label>{{localize tab.label}}</label>
                </a>
            {{/each}}
        </nav>
    </header>
    <section>
        <div class="tab {{this.tabs.effects.cssClass}}" data-group="primary" data-tab="effects">
            <fieldset class="action-category">
                <legend class="action-category-label" data-action="toggleSection" data-section="damage">
                    <div>Damage</div>
                </legend>

                <div class="action-category-data open">
                    {{formField fields.damage.fields.type value=source.damage.type label="Damage Type" name="damage.type" rootId=partId localize=true}}
                    {{formField fields.damage.fields.value value=source.damage.value label="Damage" name="damage.value" rootId=partId localize=true}}
                </div>
            </fieldset>
            <fieldset class="action-category">
                <legend class="action-category-label" data-action="toggleSection" data-section="healing">
                    <div>Healing</div>                    
                </legend>

                <div class="action-category-data open ">
                    {{formField fields.healing.fields.type value=source.healing.type label="Healing Type" name="healing.type" rootId=partId localize=true}}
                    {{formField fields.healing.fields.value value=source.healing.value label="Healing" name="healing.value" rootId=partId localize=true}}
                </div>
            </fieldset>
        </div>
        <div class="tab {{this.tabs.useage.cssClass}}" data-group="primary" data-tab="useage">
            <fieldset class="action-category">
                <legend class="action-category-label" data-action="toggleSection" data-section="cost">
                    <div>Cost</div>
                </legend>

                <div class="action-category-data open ">
                    {{formField fields.cost.fields.type value=source.cost.type label="Cost Type" name="cost.type" rootId=partId}}
                    {{formField fields.cost.fields.value value=source.cost.value label="Value" name="cost.value" rootId=partId}}
                </div>
            </fieldset>

            {{formField fields.target.fields.type value=source.target.type label="Target Type" name="target.type" rootId=partId}}
        </div>
        <div class="tab {{this.tabs.conditions.cssClass}}" data-group="primary" data-tab="conditions">
            {{!-- <h2>
                {{localize "Conditions"}}
                <select class="effect-select">
                    {{selectOptions this.config.effectTypes selected=this.selectedEffectType labelAttr="name" localize=true blank=""}} 
                </select>
                <i class="fa-solid fa-plus icon-button {{#if (not this.selectedEffectType)}}disabled{{/if}}" data-action="addCondition"></i>
            </h2> --}}
        </div>
    </section>
    <button type="submit">Save</button>
</div>