{{#if renderForCurrentUser}}
<div class="cc-widget-checklist {{#unless widgetVisibleToPlayers}}is-player-hidden-widget{{/unless}}" id="widget-{{id}}">
    <div class="checklist-header">
        {{#if isGM}}
        <input type="text" class="checklist-title-input" value="{{title}}" placeholder="{{ccLocalize 'ui.widgetTitle'}}">
        <div class="checklist-toolbar">
            <button type="button" class="checklist-tool-btn checklist-visibility-btn {{#unless widgetVisibleToPlayers}}is-hidden-players{{/unless}}" data-action="toggle-widget-visibility" title="{{widgetVisibilityTitle}}">
                <i class="fas {{widgetVisibilityIcon}}"></i>
            </button>
            <button type="button" class="checklist-tool-btn checklist-add-btn" data-action="add-item" title="Add item">
                <i class="fas fa-circle-plus"></i>
            </button>
        </div>
        {{else}}
        <h4 class="checklist-title">{{title}}</h4>
        {{/if}}
    </div>

    <div class="checklist-list">
        {{#each items}}
        <div class="checklist-item {{this.checkedClass}} {{this.playerVisibilityClass}}" data-id="{{this.id}}" data-action="item" {{#if ../isGM}}data-drag="true" draggable="true"{{/if}}>
            <input
                type="checkbox"
                class="checklist-toggle"
                data-action="toggle-item"
                data-id="{{this.id}}"
                {{#if this.checked}}checked{{/if}}
                {{#unless ../isGM}}disabled{{/unless}}
            />

            {{#if ../isGM}}
            <div
                class="checklist-text checklist-text-display"
                data-action="start-edit-item"
                data-id="{{this.id}}"
                role="button"
                tabindex="0"
                title="Click to edit"
            >{{this.text}}</div>
            <input
                type="text"
                class="checklist-text-input"
                data-action="edit-item"
                data-id="{{this.id}}"
                value="{{this.text}}"
                placeholder="Checklist item"
            />
            <div class="checklist-actions">
                <button type="button" class="checklist-item-visibility-btn {{#unless this.visibleToPlayers}}is-hidden-players{{/unless}}" data-action="toggle-item-visibility" data-id="{{this.id}}" title="{{this.visibilityTitle}}">
                    <i class="fas {{this.visibilityIcon}}"></i>
                </button>
                <button type="button" class="checklist-delete-btn" data-action="delete-item" data-id="{{this.id}}" title="Delete item">
                    <i class="fas fa-trash"></i>
                </button>
            </div>
            {{else}}
            <span class="checklist-text">{{this.text}}</span>
            {{/if}}
        </div>
        {{else}}
        <div class="checklist-empty">No checklist items yet.</div>
        {{/each}}
    </div>
</div>
{{/if}}