{{-- Summernote for working-paper rich fields (tables, formatting). --}}
@push('stylesheets')
<style>
    .wp-objectives-brief-wrap .note-editor.note-frame {
        width: 100%;
        border-color: #90caf9;
    }
    .wp-objectives-brief-wrap .note-editable {
        min-height: 280px;
    }
    .wp-objectives-brief-wrap .note-editable table {
        border-collapse: collapse;
        width: 100%;
    }
    .wp-objectives-brief-wrap .note-editable th,
    .wp-objectives-brief-wrap .note-editable td {
        border: 1px solid #333;
        padding: 2px 5px;
        vertical-align: top;
    }
    .wp-objectives-brief-readonly .wp-objectives-brief-display table {
        border-collapse: collapse;
        width: 100%;
    }
    .wp-objectives-brief-readonly .wp-objectives-brief-display th,
    .wp-objectives-brief-readonly .wp-objectives-brief-display td {
        border: 1px solid #333;
        padding: 2px 5px;
        vertical-align: top;
    }
    .wp-objectives-brief-printcell {
        display: none;
    }
</style>
@endpush

@push('scripts')
<script>
(function (w, $) {
    'use strict';
    if (typeof $ === 'undefined' || typeof $.fn.summernote === 'undefined') {
        return;
    }

    w.wpSummernoteDefaultOptions = w.wpSummernoteDefaultOptions || {
        placeholder: 'Enter project objectives and brief description…',
        height: 320,
        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']]
        ]
    };

    function wpInitSummernoteTextarea($ta) {
        if (!$ta.length || $ta.data('summernote')) {
            return;
        }
        $ta.summernote(w.wpSummernoteDefaultOptions);
    }

    function wpInitAll(root) {
        var $scope = root ? $(root) : $(document);
        $scope.find('textarea.wp-objectives-summernote').each(function () {
            wpInitSummernoteTextarea($(this));
        });
    }

    function wpSyncAll(root) {
        var $scope = root ? $(root) : $(document);
        $scope.find('textarea.wp-objectives-summernote').each(function () {
            var $ta = $(this);
            if ($ta.data('summernote')) {
                $ta.val($ta.summernote('code'));
            }
        });
    }

    function wpGetPrintHtml(textarea) {
        if (!textarea) return '';
        var $ta = $(textarea);
        if ($ta.data('summernote')) {
            return String($ta.summernote('code') || '');
        }
        return String(textarea.value || '');
    }

    function wpSetContent(textarea, html) {
        if (!textarea) return;
        var $ta = $(textarea);
        if ($ta.data('summernote')) {
            $ta.summernote('code', html || '');
            $ta.val(html || '');
        } else {
            textarea.value = html || '';
        }
    }

    w.wpSummernote = {
        initAll: wpInitAll,
        syncAll: wpSyncAll,
        getPrintHtml: wpGetPrintHtml,
        setContent: wpSetContent
    };

    $(function () {
        var form = document.getElementById('wp-form');
        if (form && form.getAttribute('data-wp-preview') === '1') {
            return;
        }
        wpInitAll(form);
    });
})(window, jQuery);
</script>
@endpush