<div class="active-effect">

    <div class="header">
        <img class="img" src="{{img}}" data-action="editImage" data-edit="img" alt="{{name}}" title="{{name}}"/>
        <input type="text" name="name" value="{{name}}"/>

        <button type="button" class="editEffects" data-id="{{this.effectId}}" data-action="openEffect">
            <i class="fas fa-pencil-alt"></i>
        </button>
    </div>

    <div class="meta">
        <label>Spielleiter Hinweise</label>
        <prose-mirror
                name="system.notes"
                button="false"
                editable="{{editable}}"
                toggled="true"
                value="{{system.notes}}">
            {{{notes}}}
        </prose-mirror>
    </div>

</div>
