<div class="daggerheart chat domain-card">
    <img class="card-img" src="{{item.img}}" />
    <details class="domain-card-move">
        <summary class="domain-card-header">
            <div class="domain-label">
                <h2 class="title">{{item.name}}</h2>
                {{#if item.tags}}
                    <ul class="tags">
                        {{#each item.tags as |tag|}}
                            <li class="tag"><span>{{tag}}</span></li>
                        {{/each}}
                    </ul>
                {{/if}}
            </div>
            {{#if description}}
                <i class="fa-solid fa-chevron-down"></i>
            {{/if}}
        </summary>
        {{#if description}}
            <div class="description">{{{description}}}</div>
        {{/if}}
    </details>
    <footer class="ability-card-footer">
        {{#each actions as |action|}}
            <button class="ability-use-button" id="{{action.id}}">
                <span>{{action.name}}</span>
            </button>
            {{#if (eq action.systemPath "attack")}}
                <button class="ability-use-button" id="{{action.id}}" data-direct-damage="true">
                    <span>{{localize "DAGGERHEART.GENERAL.damage"}}</span>
                </button>
            {{/if}}
        {{/each}}
    </footer>
</div>