<h3>Developers / Testing Only</h3>

<section>
    {{#each activations}}
        <div class="activation form-list" data-activation-id="{{id}}">
            <header>
                <strong>{{localize "PF2E.Item.Activation.Label"}}</strong>
                {{#unless action.components.cast}}
                    {{{actionGlyph action.actionCost}}}
                {{/unless}}
                {{action.componentsLabel}}
                <div class="item-controls">
                    <a data-action="activation-delete"><i class="fa-solid fa-trash"></i></a>
                </div>
            </header>

            <div class="form-fields spell-components">
                <label>
                    <input type="checkbox" name="{{base}}.components.command" {{checked action.components.command}} data-dtype="Boolean"/>
                    <span>{{localize "PF2E.Item.Activation.CommandSheetLabel"}}</span>
                </label>
                <label>
                    <input type="checkbox" name="{{base}}.components.envision" {{checked action.components.envision}} data-dtype="Boolean"/>
                    <span>{{localize "PF2E.Item.Activation.EnvisionSheetLabel"}}</span>
                </label>
                <label>
                    <input type="checkbox" name="{{base}}.components.interact" {{checked action.components.interact}} data-dtype="Boolean"/>
                    <span>{{localize "PF2E.Item.Activation.Interact"}}</span>
                </label>
                <label>
                    <input type="checkbox" name="{{base}}.components.cast" {{checked action.components.cast}} data-dtype="Boolean"/>
                    <span>{{localize "PF2E.Item.Activation.Cast"}}</span>
                </label>
            </div>

            <div class="form-fields">
                <div class="form-fields activation-time">
                    <select name="{{base}}.actionCost.type" data-dtype="String">
                        {{selectOptions @root.actionTypes selected=action.actionCost.type localize=true}}
                    </select>
                    {{#if (eq action.actionCost.type "action")}}
                        <select name="{{base}}.actionCost.value" data-dtype="Number">
                            {{selectOptions @root.actionsNumber selected=action.actionCost.value localize=true}}
                        </select>
                    {{/if}}
                </div>

                {{#if action.frequency}}
                    <div class="form-fields frequency">
                        <input type="number" name="{{base}}.frequency.max" value="{{action.frequency.max}}" data-dtype="Number"/>
                        <span>{{localize "PF2E.Frequency.per"}}</span>
                        <select name="{{base}}.frequency.per" data-dtype="String">
                            {{selectOptions@root.frequencies selected=action.frequency.per localize=true}}
                        </select>
                        <a data-action="activation-frequency-delete"><i class="fa-solid fa-xmark"></i></a>
                    </div>
                {{else}}
                    <span class="frequency empty">
                        {{localize "PF2E.Frequency.AtWill"}}
                        <a data-action="activation-frequency-add">({{localize "PF2E.AddShortLabel"}})</a>
                    </span>
                {{/if}}
            </div>

            <div class="tags">
                <label>
                    {{localize "PF2E.TraitsLabel"}}
                    <a class="tag-selector" data-tag-selector="basic" data-config-types="actionTraits" data-property="{{base}}.traits"><i class="fa-solid fa-edit"></i></a>
                </label>
                {{#each traits as |trait|}}
                    <div class="tag" data-trait="{{trait.value}}">{{localize trait.label}}</div>
                {{/each}}
            </div>

            {{editor description target=(concat base ".description.value") button=true owner=@root.owner editable=@root.editable}}
            <input type="hidden" name="{{base}}.description.value" value="{{action.description.value}}"/>
        </div>
    {{/each}}
    <button type="button" data-action="activation-add"><i class="fa-solid fa-plus"></i>{{localize "PF2E.Item.Activation.Add"}}</button>
</section>
