<div class="daggerheart chat action">
    <details class="action-move" {{this.open}}>
        <summary class="action-section">
            <img class="action-img" src="{{action.img}}" />
            <div class="action-header">
                <h2 class="title">{{action.name}}</h2>
                <span class="label">{{itemOrigin.name}}</span>
            </div>
            <i class="fa-solid fa-chevron-down"></i>
        </summary>
        <div class="description">
            {{{description}}}
            {{#if action.summon}}
                <div class="summons-header"><span>{{localize "DAGGERHEART.GENERAL.summon.plural"}}</span></div>
                <div class="summons-container">
                    {{#each action.summon}}
                        <div class="summon-container">
                            <div class="summon-label-container">
                                <img src="{{this.actor.img}}" />
                                <label>{{this.actor.name}}</label>
                            </div>
                            <span># {{this.rolledCount}}</span>
                        </div>
                    {{/each}}
                </div>
            {{/if}}
        </div>
    </details>
    {{#if action.areas.length}}
        <div class="roll-buttons action-roll-buttons">
            <button class="action-areas end-button"><i class="fa-solid fa-crosshairs"></i></button>
        </div>
    {{/if}}
</div>