<section class="tab {{tabs.effects.id}} {{tabs.effects.cssClass}}"
         data-tab="{{tabs.effects.id}}"
         data-group="{{tabs.effects.group}}">

    <table class="effects">
        <thead>
        <tr>
            <th>Effekt</th>
            <th>Veränderungen</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        {{#each this.effects}}
            <tr>
                <td>
                    {{this.name}}
                </td>
                <td>{{this.conditions}}</td>
                <td>{{#if ../isGM}}
                    <button type="button" data-action="removeEffect" data-actor-id="{{actor}}" data-effect-id="{{id}}"><i
                            class="fa-solid fa-trash"></i></button>{{/if}}</td>
            </tr>
        {{/each}}
        </tbody>
    </table>

</section>