<div class="daggerheart chat effect-summary">
    <div class="effect-header">
        <span>{{localize "DAGGERHEART.GENERAL.Effect.plural"}}</span>
    </div>
    <div class="effects-container">
        {{#each effects}}
            <details class="effect-target-container">
                <summary class="effect-label">
                    <img class="effect-img" src="{{this.img}}" />
                    <h2 class="title">{{this.name}}</h2>
                    <i class="fa-solid fa-chevron-down"></i>
                </summary>
                <div class="description">
                    {{{this.description}}}
                </div>
            </details>
        {{/each}}
    </div>

    {{#if targets}}
        <div class="actor-header">
            <span>{{localize "DAGGERHEART.UI.Chat.appliedTo"}}</span>
        </div>
        <div class="targets-container">
            {{#each targets}}
                <div class="token-target-outer-container">
                    <div class="token-target-container  {{#if this.token.id}}clickable{{/if}}" data-token="{{this.token.id}}">
                        <img src="{{this.token.texture.src}}" />
                        <h2 class="title">{{this.token.name}}</h2>
                    </div>
                    {{#if this.conditionImmunities}}
                        <span class="token-target-immunity">{{this.conditionImmunities}}</span>
                    {{/if}}
                </div>
            {{/each}}
        </div>
    {{/if}}
</div>