{{-- Shared Summernote init for forward / return / submit workflow comments. --}}
@once
<script>
(function (window, $) {
    'use strict';
    if (!$) return;

    function fallbackOptions() {
        return {
            placeholder: 'Enter comments…',
            height: 200,
            followingToolbar: false,
            fontNames: [],
            defaultFontName: 'Arial',
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'italic', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert', ['link']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ]
        };
    }

    window.pciWorkflowRemarksOptions = function (placeholder) {
        var base = window.summernoteDefaultOptions || fallbackOptions();
        return $.extend(true, {}, base, {
            placeholder: placeholder || 'Enter comments…',
            height: 200,
            dialogsInBody: true,
            tooltip: false
        });
    };

    window.pciWorkflowRemarksInit = function (sel, placeholder) {
        if (typeof $.fn.summernote === 'undefined') return;
        var $ta = $(sel);
        if (!$ta.length || $ta.data('summernote')) return;
        $ta.summernote(window.pciWorkflowRemarksOptions(placeholder || $ta.attr('placeholder') || 'Enter comments…'));
    };

    window.pciWorkflowRemarksDestroy = function (sel) {
        var $ta = $(sel);
        if ($ta.length && $ta.data('summernote')) {
            $ta.summernote('destroy');
        }
        $ta.val('');
    };

    window.pciWorkflowRemarksSync = function (sel) {
        var $ta = $(sel);
        if (!$ta.length) return '';
        if ($ta.data('summernote')) {
            $ta.val($ta.summernote('code'));
        }
        return String($ta.val() || '');
    };

    window.pciWorkflowRemarksGet = function (sel) {
        return window.pciWorkflowRemarksSync(sel);
    };

    window.pciWorkflowRemarksSet = function (sel, html) {
        var $ta = $(sel);
        if (!$ta.length) return;
        html = html == null ? '' : String(html);
        if ($ta.data('summernote')) {
            $ta.summernote('code', html);
        } else {
            $ta.val(html);
        }
    };

    window.pciWorkflowRemarksIsEmpty = function (html) {
        var raw = String(html == null ? '' : html).trim();
        if (!raw) return true;
        var tmp = document.createElement('div');
        tmp.innerHTML = raw;
        var plain = (tmp.textContent || tmp.innerText || '').replace(/\u00a0/g, ' ').trim();
        if (plain !== '') return false;
        return !/<(img|table|hr)\b/i.test(raw);
    };
})(window, window.jQuery);
</script>
@endonce