@once
    @vite('themes/' . config('settings.theme') . '/js/easymde-entry.js', config('settings.theme'))
@endonce

@script
    <script>
        const initializeEditor = () => {
            const editor = new EasyMDE({
                element: document.getElementById('editor'),
                spellChecker: false,
                previewImagesInEditor: true,
                autoDownloadFontAwesome: false,
                status: [{
                    className: 'upload-image',
                    defaultValue: '',
                }],
                toolbar: [{
                        name: 'bold',
                        action: EasyMDE.toggleBold,
                    }, {
                        name: 'italic',
                        action: EasyMDE.toggleItalic,
                    }, {
                        name: 'strikethrough',
                        action: EasyMDE.toggleStrikethrough,
                    }, {
                        name: 'link',
                        action: EasyMDE.drawLink,
                    }, '|',
                    {
                        name: 'heading',
                        action: EasyMDE.toggleHeadingSmaller,
                    }, '|',
                    {
                        name: 'quote',
                        action: EasyMDE.toggleBlockquote,
                    }, {
                        name: 'code',
                        action: EasyMDE.toggleCodeBlock,

                    }, {
                        name: 'unordered-list',
                        action: EasyMDE.toggleUnorderedList,
                    }, {
                        name: 'ordered-list',
                        action: EasyMDE.toggleOrderedList,
                    }, '|',
                    {
                        name: 'undo',
                        action: EasyMDE.undo,
                    }, {
                        name: 'redo',
                        action: EasyMDE.redo,
                    },

                ],
            });

            editor.codemirror.on('change', function() {
                @this.set('message', editor.value(), false);
            });

            // Listen for event called saved
            $wire.on('saved', () => {
                editor.clearAutosavedValue();
                editor.value('');
            });
        };

        if (window.EasyMDE) {
            initializeEditor();
        } else {
            document.addEventListener('easymde:ready', initializeEditor, { once: true });
        }
    </script>
@endscript